SLEEP WELL,
DREAM ALL DAY
lorem ipsum dolor, lorem ipsum dolor sit
READ MORE
01
Colors
Key Red#b32e36
Sub Orange#e75534
Black#000000
Near Black#1a1d1c
Dark Text#222222
Gray#b0b0b0
Light Border#e5e7eb
White#ffffff

Semantic

Danger#b32e36
Warning#e75534
Success#3d7a4a
02
Typography
Display
Roboto 900
48px / 0.1em
MEMBER SHIP
Heading 1
Roboto 600
28px / normal
FEATURE lorem
Heading 2
Roboto 900
20px / normal
SLEEP WELL, DREAM ALL DAY
Condensed H3
Roboto Condensed 700
32px / 0.03em
NEW ARRIVALS
Subheading
Roboto 600
20px / normal
lorem ipsum dolor lorem ipsum
Nav
Roboto 400
18px / normal
PRODUCT lorem ipsum dolor
Body
Roboto 400
16px / normal
NANGA lorem ipsum dolor 1941 lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit sed do.
CTA
Roboto 400
13.6px / normal
READ MORE
Caption
Roboto 400
12px / normal
lorem ipsum
Small
Roboto 400
10px / normal
lorem ipsum dolor
03
Article
SLEEPING BAG DOWN WEAR

ZZZ BAG DEBUT — lorem ipsum dolor

NANGA lorem 1941 lorem ipsum dolor, lorem ipsum / lorem ipsum dolor“lorem ipsum”lorem ipsum dolor sit amet. lorem ipsum / lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.

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

READ MORE
04
Buttons

On dark background

READ MORE VIEW ALL ENGLISH

On light background

READ MORE VIEW ALL lorem ipsum
05
Cards
960 x 960
AURORA DOWN JACKET
¥55,000
960 x 960
ZZZ BAG REG
¥29,700
960 x 960
AURORA LIGHT 350DX
¥38,500
06
Forms
lorem ipsum dolor sit amet consectetur
07
Elevation
Level 0
flat
Level 1
card
Level 2
modal
08
Layout
1
2
3
4
Grid: flexible columns / Gap: 16px / Max Width: 1440px / Padding: 20px