デザインカスタマイズ
テーマカラー、背景色、ロゴをカスタマイズしてアンケートをブランドに合わせる方法を説明します。
kicue では、アンケートの見た目を テーマカラー、背景色、ロゴ の 3 要素でカスタマイズできます。ブランドガイドラインに沿った調査を簡単に作成できます。
テーマカラーの変更
回答画面のアクセントとなる色を変更します。
- プリセット 8 色 から選択
- カスタムカラー — カラーピッカーで自由に指定できます
テーマカラーが適用される範囲
| 要素 | 反映内容 |
|---|---|
| ボタン | 「次へ」「送信」などのアクションボタン |
| 進捗バー | 回答進捗を示すゲージ |
| 選択時のハイライト | ラジオ・チェックボックスのアクティブ状態 |
| リンク | 本文中のリンクテキスト |
| フォーカスリング | キーボード操作時のフォーカス枠 |
ブランドカラーを設定すると、ボタンや進捗バーに統一感が生まれます。
背景色の変更
回答画面全体の背景色を設定します。
- プリセット 4 色 から選択(白、ライトグレー、オフホワイト、ダーク)
- カスタムカラー 対応
明るいブランドには白やオフホワイト、シックなブランドにはダークを選ぶとよいでしょう。テーマカラーと組み合わせて、ブランド全体のトーンを統一できます。
ロゴのアップロード
調査に 自社ロゴ を添えることで、回答者の安心感と信頼度が向上します。
アップロード方法
- デザイン設定パネルの「ロゴをアップロード」エリアにファイルをドロップ、またはクリックして選択
- ファイルは Supabase Storage の
survey-logosバケット に保存されます - アップロード完了後、即座にプレビューに反映
推奨される画像
| 項目 | 推奨 |
|---|---|
| 形式 | PNG(透過背景)または JPG |
| サイズ | 横幅 400〜800px 程度 |
| 縦横比 | 横長または正方形が望ましい |
| ファイルサイズ | 1MB 以下 |
表示位置
ロゴは フォーム上部の中央 に表示されます。
ロゴの削除
「ロゴを削除」ボタンをクリックすると、設定が解除されます。Storage 上のファイルもクリーンアップされます。
ロゴ未設定時の挙動
ロゴが設定されていない場合は、フォーム上部にロゴ領域は 表示されません(空白を作らずに設問が上から始まります)。
デザインのプレビュー
設定変更はすべて エディタのプレビュー画面に即座に反映 されます。
- 「プレビューモード」に切り替えて回答者目線で確認
- モバイル幅でも見え方をチェックしましょう
ブランディング除去について
Free プラン で公開した調査では、回答画面の下部や回答完了画面に 「Powered by kicue」 のクレジットが表示されます。
- Standard プラン以上: クレジット表記が 非表示 になり、完全にブランドオリジナルの見た目で配信できます
- Business プラン以上: 加えて API 連携などの機能も利用可能
詳細は トップページの料金プランセクション をご覧ください。
次のステップ
デザインが整ったら、公開URLの発行 で実際にアンケートを公開して回答収集を開始しましょう。
