カラーシステム
用途
6 つのトークンがテーマ全体を動かします。プリセットから開始して、ブランドに正確に一致するように主要なスウォッチを調整します。
テーマカラーは、公開サイトの全ページのボタン、リンク、背景、アクセントに適用されます。
アクセス
私のウェブサイト で Studio を開く をクリックします。Studio のメニューで デザイン › カラーシステム を開きます。
変更はライブプレビューに表示されます。変更を保存 をクリックして保存します。
- チームで Steer Studio モジュールが有効である必要があります。無効の場合、メニューに 私のウェブサイト は表示されません。
手順
- 上記の手順でセクションを開き ます。
- 下の設定を入力します。右側のライブプレビューが入力に合わせて更新されます。
- 変更を保存 をクリックします。保存した変更は公開サイトに反映されます。破棄 で未保存の変更を取り消せます。
テーマプリセット
厳選した 20 種類の配色 · クリックして適用
カスタム作成
アンカーを選ぶ・残りの自動導出
典型的な使い方
ブランドに最も近いプリセットから始め、メインカラーをブランドカラーに合わせて調整します。
知っておくと便利なこと
- 20 のプリセットが Classic、Premium、Modern、Warm、Cool/Mono に分類されています。
- カスタム作成では基準色を選ぶだけで、 他の色は自動的に算出されます。
- バージョン履歴 には最新 20 件の保存済みバージョンが残ります。開くとエディターに読み込まれ、変更を保存 で適用されます。
よくある問題
「保存に失敗しました」。 変更は保存されていません。強調表示された項目を確認し、もう一度 変更を保存 をクリックしてください。
「接続が切れました。変更はまだ保存されていません…」 ページを開いたままにしてください。接続が戻ると保存されます。
「サーバーが応答していません。変更は保存されていません…」 しばらく待ってから、もう一度 変更を保存 をクリックしてください。
「Studio を新しいタブで開くにはポップアップを許可してください。」 Studio は 私のウェブサイト から新しいタブで開きます。Steer Autos のポップアップを許可し、もう一度 Studio を開いてください。