デザイン設定とは

デザイン設定では、公開ヘルプページ・FAQとチャットボットの見た目を整えられます。色やテンプレート、アイコンなどを調整できます。あなたのサービスのブランド特徴に沿ったFAQやチャットボットにすることができます。

設定できるもの

• FAQページの各種色・レイアウト

• チャットボットの各種色・アイコン

公開ページ全体の配色を5種類のカラーで設定します。

設定の場所

「デザイン」機能で、タブを切り替えて設定します。変更はプレビューや公開ページに反映されます。

編集の進め方

1. 各カラーの項目を選ぶと、カラーピッカーで色を選択できます。カラーコードでの指定も可能です。

2. 色を変更すると、画面のデザインプレビューに即時反映されます。

3. プレビューは拡大・縮小や位置の移動ができるため、実際の公開ページに近い見た目を確認しながら調整できます。

4. 調整が終わったら保存し、次のステップへ進みます。

配色のコツ

コーポレートカラーを活用する

自社のコーポレートカラーやサービスのブランドカラーがある場合は、テーマカラーに設定してください。それだけでヘルプサイト全体に統一感が生まれ、「自社サービスの一部」として自然な見た目になります。

読みやすさを優先する

• 文字カラーと背景（ベースカラー・コンテントカラー）のコントラストを十分に確保してください。コントラストが低いと、FAQ本文が読みづらくなります。

• 反転文字カラーは、テーマカラーの上に置いたときにはっきり読める色を選んでください。テーマカラーが濃い色なら白、薄い色なら濃い色が基本です。

• 彩度の高い色を広い面積（ベースカラー）に使うと目が疲れやすくなります。背景は白やごく薄い色にし、テーマカラーでアクセントを付ける構成が読みやすくおすすめです。

迷ったら初期設定のままでよい

配色に迷った場合は、初期設定のまま進めても問題ありません。デザインはセットアップ完了後に「デザイン」機能からいつでも変更できるため、まずは公開まで進めて、実際のページを見ながら調整するほうが効率的です。