> ## Documentation Index
> Fetch the complete documentation index at: https://help.kutikomi-pro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# アンケートの見た目を変える

## この機能でできること

お客様が回答するアンケート画面の、ロゴと色を変えられます。ここで決めたデザインは、この店舗のすべてのアンケートに使われます。

## 使う前の準備

特にありません。ロゴを使うときは、PNG・JPEG・WebP の画像（2MBまで）を用意してください。

## 手順

### 1. サイドバーの「アンケート」から「デザイン編集」を押す

![サイドバーの「アンケート」を開いて「デザイン編集」を押す](https://mintcdn.com/kutikomi-pro/mYx5gEDN0LOQuE5f/survey-design/screenshots/01-open-design.png?fit=max\&auto=format\&n=mYx5gEDN0LOQuE5f\&q=85\&s=c936c8f349b7bcf03e4d66963ef50aa8)

左に設定、右に「お客様に見える画面」が出ます。設定を変えると、右の見本がすぐに変わります。

### 2. ロゴを設定する

![「ロゴを選択する」を押してロゴを選ぶ](https://mintcdn.com/kutikomi-pro/mYx5gEDN0LOQuE5f/survey-design/screenshots/02-logo.png?fit=max\&auto=format\&n=mYx5gEDN0LOQuE5f\&q=85\&s=00eadb65be8f958786bad91263145571)

「ロゴを選択する」を押して画像を選びます。ロゴは任意です。選ぶとすぐに反映され、お客様に見える画面の一番上に表示されます。設定したあとは、「ロゴを変更する」「ロゴを外す」を押せます。

### 3. テーマを選ぶ

![「テーマを選ぶ」から好きなテーマを押す](https://mintcdn.com/kutikomi-pro/mYx5gEDN0LOQuE5f/survey-design/screenshots/03-theme.png?fit=max\&auto=format\&n=mYx5gEDN0LOQuE5f\&q=85\&s=5e1dd54ed9b289cae7706fb513958e94)

テーマを選ぶと、背景・文字・ボタンの色がまとめて決まります。「標準」「ナチュラル」「さわやか」「あたたか」「やさしい」「モノトーン」から選べます。

### 4. 必要なら、メインの色だけ変える

![「メインの色だけ変える」から色を押す](https://mintcdn.com/kutikomi-pro/mYx5gEDN0LOQuE5f/survey-design/screenshots/04-main-color.png?fit=max\&auto=format\&n=mYx5gEDN0LOQuE5f\&q=85\&s=ed21feaaf66b02313e3e23a2bf9486c4)

これは任意です。ボタンと、選んだ回答の色だけが変わります。背景と文字の色はテーマのままです。「テーマの色」を押すと、テーマの色に戻せます。

### 5. 「保存する」を押す

![右下の「保存する」を押す](https://mintcdn.com/kutikomi-pro/mYx5gEDN0LOQuE5f/survey-design/screenshots/05-save.png?fit=max\&auto=format\&n=mYx5gEDN0LOQuE5f\&q=85\&s=24357c46d5a9ce63e5dc99b8c9872e4b)

「保存する」を押すまで、変更はお客様の画面に反映されません。保存すると、店舗のすべてのアンケートに反映されます。

## つまずきやすい点

* 「保存する」が押せないときは、変更がまだありません。テーマか色を選ぶと押せるようになります。
* 保存していない変更があるときは、右に「保存していない変更があります」と出ます。保存しないままページを閉じたり読み込み直したりすると、変更は失われます。
* 「最初の色に戻す」を押すと、色が標準の配色に戻ります。押したあとに「保存する」を押すまでは、保存されません。
* 色を数字で決めたいときは、「カラーコードで指定する（上級者向け）」を押して開きます。`#1A2B3C` の形式（# と6桁の16進数）で入力します。この形式でないと保存できません。
* ロゴは、PNG・JPEG・WebP 以外の画像や、2MBより大きい画像は設定できません。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.