DESIGN SYSTEM PREVIEW

EXPERIENCE AMAZING

LEXUS（lexus.jp）から抽出したデザイントークンのカタログ。Nobel + Lexus Rodin の和欧混植、純黒の CTA、border-radius を排した直線基調。computed style 実測値に基づく。

見積りシミュレーション DESIGN.md を読む

01 / COLORS

Color Palette

PRIMARY

Black

#000000

テキスト・CTA・アイコン

White

#ffffff

背景・CTA テキスト

NEUTRAL

Text Subdued

#646464

パンくず・補足

Disabled

#999999

無効状態

Divider

#e3e3e3

区切り・薄ボーダー

Section BG

#f2f2f2

セクション背景

02 / TYPOGRAPHY — 実測値

Typography

EXPERIENCE AMAZING

74px / 400 / line-height: 1.0 / palt: ありHero

モデル一覧 — Page Title

50px / 500 / line-height: 1.5 (75px) / palt: ありh1

BEV（電気自動車）

44px / 500 / line-height: 1.0 (44px) / palt: ありh2

モデル一覧 — Section Title

35px / 400 / line-height: 1.75 (61.2px) / palt: ありh3

モデル比較シミュレーション — Card Title

21px / 500 / line-height: 1.6 / letter-spacing: 0.075em / palt: ありCard

本文テキスト — クルマの概算金額をシミュレーションできます。Body 16px / 400 / line-height 1.6。LEXUS は本文も palt を適用し、半角数字・記号も和文と同じ密度で組まれます。

16px / 400 / line-height: 1.6 (25.6px) / palt: ありBody

Caption — リンク・補足・CTA テキスト

14.4px / 500 / line-height: 1.6Caption

7,900,000円〜9,500,000円(税込) — Small / 価格表記

12.3px / 500 / line-height: 1.6 / color: subduedSmall

03 / MODELS — モデルカード

Model Lineup

BEV — 電気自動車

RZ

すべての乗員が笑顔になれる、Driving Lounge をコンセプトにした BEV。

7,900,000円〜9,500,000円(税込)

HEV — ハイブリッド

LS

長距離の上質さを極めたフラッグシップサルーン。

10,940,000円〜18,000,000円(税込)

SUV

NX

都市と自然をシームレスにつなぐ、新世代のラグジュアリー SUV。

4,800,000円〜7,200,000円(税込)

EXPERIENCE AMAZING

Color Palette

Typography

Model Lineup

RZ

LS

NX

Buttons

Support Menu

Forms

Layout