“lorem ipsum”lorem, “lorem ipsum”lorem

Mazda lorem ipsum dolor sit amet consectetur. lorem ipsum MazdaType(Regular / Medium / Bold)lorem Noto Sans JP lorem ipsum dolor sit amet, palt lorem ipsum dolor ON, letter-spacing lorem 0.07–0.1em lorem ipsum dolor sit amet consectetur adipiscing. lorem 19px / line-height 1.68 / lorem #040b13 lorem ipsum dolor #8d7057 lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing UI.

lorem ipsum
01 / Colors

lorem ipsum dolor

Brand
Mazda Ink
#040b13
lorem / lorem(lorem)
Mazda Copper
#8d7057
lorem ipsum(lorem / lorem ipsum)
Page White
#ffffff
lorem ipsum
Surface
Nav Surface
#e6e6e6
lorem ipsum dolor
Soft Gray
#f5f5f5
lorem ipsum dolor
Footer Navy
#27455c
lorem ipsum / lorem
Footer Slate
#535b69
lorem ipsum dolor
Cookie Banner
#041428
lorem ipsum dolor
Accent / Semantic
Sustainability Green
#468254
ESG lorem ipsum
PDF Red
#ff2115
PDF lorem ipsum
Filter Blue
#3860be
lorem ipsum dolor sit
02 / Typography — lorem

lorem ipsum dolor sit

“lorem ipsum”lorem, “lorem ipsum”lorem
46px / 500 (Medium) / line-height: 1.30 / letter-spacing: 0.10em / palt: ONlorem ipsum h1
HIGHLIGHTS ／ MAZDA MIRAI BASE
34px / 500 (Medium) / line-height: 1.29 / letter-spacing: 0.10emlorem ipsum h2
CREATING THE JOY OF LIVING WITH A JOY OF DRIVING
22px / 700 (Bold) / line-height: 1.45 / letter-spacing: 0.10emlorem ipsum dolor h4
lorem ipsum dolor ／ lorem ipsum, lorem ipsum dolor sit amet, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem 19px lorem ipsum dolor, line-height 1.68, letter-spacing 0.07em lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing elit.
19px / 400 / line-height: 1.68 / letter-spacing: 0.07em / palt: ONlorem / lorem p
lorem ipsum dolor ／ lorem ipsum dolor
16px / 700 / line-height: 1.50 / letter-spacing: 0.07emlorem ipsum dolor
lorem ipsum → lorem ipsum
16px / 700 / lorem #8d7057 / lorem ipsumlorem ipsum dolor
03 / Feature Cards

lorem ipsum dolor

lorem ipsum dolor

2050 lorem ipsum dolor sit amet

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

lorem ipsum →
lorem ipsum dolor

SKYACTIV lorem ipsum dolor

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

lorem ipsum →
lorem ipsum

lorem — Soul of Motion

“lorem”lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum →
04 / Buttons & Tags

UI lorem ipsum dolor

lorem ipsum
Pill CTA · radius 900px
lorem ipsum
Inverse Pill
lorem ipsum dolor
Green Badge
lorem ipsum dolor
Copper Badge
lorem ipsum
Ink Badge
05 / Forms

lorem ipsum dolor

lorem ipsum — border: 1px solid #040b13, radius: 0px
lorem ipsum — border 2px #040b13
06 / Spacing — 8px lorem ipsum

lorem ipsum dolor

XS · 4px
S · 8px
M · 16px
L · 24px
XL · 40px
XXL · 80px