1 — Colors
Text Dark
#111111
Text Primary
#303030
Mizuno Blue
#001489
Light Blue
#89b8ee
Pink Accent
#ffb7c5
Yellow (Sale)
#ffff00
Surface Light
#f5f5f5
Surface Gray
#ededed
White
#ffffff
2 — Typography
Section H2 — 32px / Weight 400 / Line Height 1.2 / #111111
lorem ipsum dolor. lorem ipsum dolor sit amet consectetur
Subsection H3 — 25px / Weight 700 / Line Height 1.2 / #111111
WAVE RIDER 27 — lorem ipsum dolor sit amet
Category H4 — 18px / Weight 700 / Line Height 1.5 / #333333
lorem ipsum dolor sit
Body — 14px / Weight 400 / Line Height 1.67 / #303030
lorem ipsum dolor sit amet consectetur MIZUNO WAVE lorem ipsum dolor sit, lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit.
Promo Bar — 12px / Weight 400 / Line Height 2.5 / #f5f5f5 on dark
SUMMER SALE lorem — lorem ipsum lorem 30%OFF
Nav Mega — 22px / Weight 400 / Line Height 65px / #303030
lorem ipsum
3 — Product

WAVE RIDER 27

lorem ipsum lorem ipsum dolor lorem ipsum dolor

MIZUNO WAVE lorem ipsum dolor

lorem ipsum dolor WAVE lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem ipsumlorem ipsumlorem ipsum dolor.

4 — Buttons
5 — Cards
[ lorem ipsum ]
Running
WAVE RIDER 27
¥16,500
[ lorem ipsum ]
Baseball
lorem ipsum lorem ipsum
¥12,000
¥8,400SALE
[ lorem ipsum ]
Golf
JPX923 lorem ipsum dolor sit
¥154,000
6 — Forms
lorem ipsum dolor sit amet
7 — Elevation
Level 0 — Flat
Level 1 — 0 2px 4px
Level 2 — 0 4px 12px
8 — Layout
MIZUNO — Header 60px
Hero — Full Width
Product 1
Product 2
Product 3
Footer — © Mizuno Corporation