Step 1
配色の指示
Step 2
基本設定（即時反映）
色・文字設定の変更は右の設定情報とスワッチに即反映されます。
現在の設定情報
デザイン仕様
ヘッダー & ヒーロー
大見出しタイトル
中見出しタイトル
文字色・背景・CTAなどが即時反映されます。
コンポーネント
カード
カードの背景・境界線・文字色を反映。
H3 見出し
H4 見出し
H5 見出し
H6 見出し
段落テキスト。行間と色は設定に準拠。
リスト
- リスト項目 A
- リスト項目 B
- リスト項目 C
テーブル
| 項目 | 値 | 強調見出し |
|---|---|---|
| Row 1 | Data | Contrast |
| Row 2 | Data | Contrast |
ステータスカード
Active Users
24,300
+12% vs last week
アラート
システムメンテナンスが予定されています。
フォーム
タグ A
タグ B
H1--
H2--
H3--
H4--
H5--
H6--
Body--
Button--
List--
Table--
CTA Invert--
コントラスト見出し--
現在のサイト仕様