DESIGN SYSTEM PREVIEW

EXPERIENCE AMAZING

LEXUS(lexus.jp)lorem ipsum dolor sit amet consectetur adipiscing. Nobel + Lexus Rodin lorem ipsum, lorem CTA, border-radius lorem ipsum dolor. computed style lorem ipsum dolor.

lorem ipsum dolor sit amet DESIGN.md lorem

01 / COLORS

Color Palette

PRIMARY

Black

#000000

lorem ipsum / CTA / lorem ipsum

White

#ffffff

lorem / CTA lorem ipsum

NEUTRAL

Text Subdued

#646464

lorem ipsum / lorem

Disabled

#999999

lorem ipsum

Divider

#e3e3e3

lorem / lorem ipsum

Section BG

#f2f2f2

lorem ipsum dolor

02 / TYPOGRAPHY — lorem

Typography

EXPERIENCE AMAZING

74px / 400 / line-height: 1.0 / palt: loremHero

lorem ipsum — Page Title

50px / 500 / line-height: 1.5 (75px) / palt: loremh1

BEV(lorem ipsum)

44px / 500 / line-height: 1.0 (44px) / palt: loremh2

lorem ipsum — Section Title

35px / 400 / line-height: 1.75 (61.2px) / palt: loremh3

lorem ipsum dolor sit amet consectetur — Card Title

21px / 500 / line-height: 1.6 / letter-spacing: 0.075em / palt: loremCard

lorem ipsum dolor — lorem ipsum dolor sit amet consectetur adipiscing. Body 16px / 400 / line-height 1.6. LEXUS lorem ipsum palt lorem ipsum, lorem ipsum / lorem ipsum dolor sit amet consectetur.

16px / 400 / line-height: 1.6 (25.6px) / palt: loremBody

Caption — lorem / lorem / CTA lorem ipsum

14.4px / 500 / line-height: 1.6Caption

7,900,000 lorem–9,500,000 lorem(lorem) — Small / lorem ipsum

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

03 / MODELS — lorem ipsum dolor