ブランドスタイルのカラー設定はどの要素に適用されますか？
QANT Web の「ブランドスタイル」には以下4つのカラー設定があります。
-
プライマリーカラー
-
テキストカラー
-
テキストカラー（サポート）
-
テキストカラー（ライト）
本文では、それぞれの色がサポートアクションのどの要素に適用されるかをまとめています。
1. プライマリーカラー
主に以下の「基調色（メインカラー）」として使用されます。
適用される主な要素
-
フローティングボタンの背景色（アイコン・テキストタイプ共通）
-
送信ボタンなどのCTAボタンの背景色
- アンサーリストのQアイコンの背景色
備考
-
フローティングボタンなど一部のモジュールでは、ステップ内の「スタイル設定」で個別に背景色を上書き可能（初期値としてプライマリーカラーが入る）
2. テキストカラー
もっとも一般的な文字色として使われます。
適用される主な要素
-
見出しテキスト（ポップアップ内）
-
文章テキスト（ポップアップ内）
-
シナリオのテキストノード
-
アンサー詳細内のテキスト
-
検索モジュールの虫眼鏡アイコン
-
検索窓に入力した文字
-
検索結果のテキスト
-
コーチマーク内のテキスト
ホバー時の挙動
-
シナリオ内の「戻る」、アンサー閲覧時の「別タブで開く」「戻る」「Good/Bad評価」などは、通常テキストカラー（サポート）表示だが、カーソルホバー時にテキストカラーに変化する仕様。
3. テキストカラー（サポート）
サブ的なアクセントカラーとして使われ、主に「補助的な文字・記号」に適用されます。
適用される主な要素
-
シナリオの小見出し（階層タイトル）
-
シナリオノードの選択肢横の矢印（> 記号）
-
アンサーリストの戻るボタン・別タブで開くボタンの文字色
-
Good / Bad の評価ボタン
-
検索結果の補助テキスト（例：よく見られている質問）
ホバー時の挙動
-
これらのパーツはホバー時にテキストカラーへ変化
-
シナリオの「戻るボタン」も同様の挙動
4. テキストカラー（ライト）
メインテキストとは別の「弱めの色指定」に使われます。
適用される主な要素
-
フローティングボタンのアイコン（電球マークなど）
-
フローティングボタン（テキストタイプ）の文字色
-
CTAボタン内の文字色（送信など）
-
ボタンモジュールの文字色