lorem ipsum dolor.
SUBARU lorem ipsum dolor

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. subaru.jp lorem computed style lorem ipsum dolor.

lorem ipsum dolor sit lorem ipsum
01 / Colors

lorem ipsum dolor

Brand — SUBARU Blue
SUBARU Blue
#00205b
lorem ipsum dolor
Blue Active
#014e98
lorem active / CTA
Blue Bright
#1371c3
Cookie CTA
Blue Accent
#0e4bef
lorem ipsum dolor
Neutral
Black
#000000
lorem ipsum dolor
Mid Gray
#666666
lorem
Border
#e5e5e5
lorem ipsum
Surface
White
#ffffff
lorem ipsum
Surface
#fafafa
lorem ipsum
Light Section
#f0f3f5
lorem ipsum dolor
Blue Gray
#dde2e6
lorem ipsum dolor
Dark Blue Gray
#27455c
lorem ipsum dolor
Accent
Green
#468254
lorem ipsum
02 / Typography

lorem ipsum dolor sit

lorem ipsum dolor — H2 Section (40px/300)
40px / 300 / lh 1.4 — Light lorem ipsum dolor sitlorem
lorem ipsum — H3 Sub Section (32px/300)
32px / 300 / lh 1.375lorem
lorem ipsum dolor — Car Name (24px/300)
24px / 300 / lh 1.5 — loremlorem ipsum dolor
lorem ipsum dolor — Nav (20px/300)
20px / 300 / lh 1.5lorem ipsum
lorem — Tab Active (20px/600)
20px / 600 / color #014e98lorem active
lorem ipsum dolor — SUBARU lorem, “lorem ipsum”lorem ipsum“lorem ipsum dolor”lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing AWD lorem, lorem ipsum dolor sit amet consectetur adipiscing elit.
16px / 300 / lh 1.5 — lorem ipsum dolor sit 300(Light)lorem
2026.4.9 — Date (Inter/600)
16px / 600 / Inter (Neue Haas Grotesk lorem) + YakuHanJPslorem ipsum dolor
SUV — Category (12px/300)
12px / 300 / lh 1.3 — lorem ipsum dolorlorem ipsum dolor
＊ lorem ipsum dolor — Note (12px/300)
12px / 300 / color #666666lorem
03 / Lineup

lorem ipsum dolor

lorem
STI Sport
lorem ipsum
lorem ipsum
Vehicle Image
SUV
lorem ipsum dolor
Vehicle Image
SUV
lorem ipsum dolor
Vehicle Image
SEDAN
lorem ipsum
Vehicle Image
SPORTS
BRZ
04 / Buttons

lorem ipsum dolor sit

lorem ipsum
CTA / bg #014e98 / weight 600 / radius 0
lorem ipsum dolor
Cookie / bg #1371c3 / radius 4
lorem ipsum
Outline / weight 300 / border #e5e5e5
05 / News

lorem ipsum

2026.4.9

SUBARU lorem ipsum

“lorem ipsum”lorem ipsum dolor / lorem ipsum dolor sit 10 lorem 50％lorem. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor AWD

lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.

＊ lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet.

06 / Forms

lorem ipsum dolor

Default / border #e5e5e5 / radius 8px
Focus / border #014e98
lorem ipsum dolor
Error / border #cc0000
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem — lorem(lorem ipsum dolor)

SUBARU lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur adipiscing.

Dark Section Demo

lorem ipsum dolor — #27455c

lorem ipsum dolor sit amet consectetur. lorem / lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum
08 / Layout

lorem ipsum dolor & lorem ipsum

Spacing Scale
XS
8px
S
12px
M
16px
L
24px
XL
40px
XXL
64px
Border Radius
0px
lorem / CTA
4px
Cookie button
8px
Search input