デザインカスタマイズ

テーマカラー、背景色、ロゴをカスタマイズしてアンケートをブランドに合わせる方法を説明します。

kicue では、アンケートの見た目を テーマカラー背景色ロゴ の 3 要素でカスタマイズできます。ブランドガイドラインに沿った調査を簡単に作成できます。

テーマカラーの変更

回答画面のアクセントとなる色を変更します。

  • プリセット 8 色 から選択
  • カスタムカラー — カラーピッカーで自由に指定できます

テーマカラーが適用される範囲

要素反映内容
ボタン「次へ」「送信」などのアクションボタン
進捗バー回答進捗を示すゲージ
選択時のハイライトラジオ・チェックボックスのアクティブ状態
リンク本文中のリンクテキスト
フォーカスリングキーボード操作時のフォーカス枠

ブランドカラーを設定すると、ボタンや進捗バーに統一感が生まれます。

背景色の変更

回答画面全体の背景色を設定します。

  • プリセット 4 色 から選択(白、ライトグレー、オフホワイト、ダーク)
  • カスタムカラー 対応

明るいブランドには白やオフホワイト、シックなブランドにはダークを選ぶとよいでしょう。テーマカラーと組み合わせて、ブランド全体のトーンを統一できます。

ロゴのアップロード

調査に 自社ロゴ を添えることで、回答者の安心感と信頼度が向上します。

アップロード方法

  1. デザイン設定パネルの「ロゴをアップロード」エリアにファイルをドロップ、またはクリックして選択
  2. ファイルは Supabase Storage の survey-logos バケット に保存されます
  3. アップロード完了後、即座にプレビューに反映

推奨される画像

項目推奨
形式PNG(透過背景)または JPG
サイズ横幅 400〜800px 程度
縦横比横長または正方形が望ましい
ファイルサイズ1MB 以下

表示位置

ロゴは フォーム上部の中央 に表示されます。

ロゴの削除

「ロゴを削除」ボタンをクリックすると、設定が解除されます。Storage 上のファイルもクリーンアップされます。

ロゴ未設定時の挙動

ロゴが設定されていない場合は、フォーム上部にロゴ領域は 表示されません(空白を作らずに設問が上から始まります)。

デザインのプレビュー

設定変更はすべて エディタのプレビュー画面に即座に反映 されます。

  • 「プレビューモード」に切り替えて回答者目線で確認
  • モバイル幅でも見え方をチェックしましょう

ブランディング除去について

Free プラン で公開した調査では、回答画面の下部や回答完了画面に 「Powered by kicue」 のクレジットが表示されます。

  • Standard プラン以上: クレジット表記が 非表示 になり、完全にブランドオリジナルの見た目で配信できます
  • Business プラン以上: 加えて API 連携などの機能も利用可能

詳細は トップページの料金プランセクション をご覧ください。

次のステップ

デザインが整ったら、公開URLの発行 で実際にアンケートを公開して回答収集を開始しましょう。