SIWA｜lorem

lorem ipsum dolor,
lorem ipsum dolor sit.

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

01 — COLORS

lorem ipsum dolor

lorem ipsum dolor sit amet #867d6b lorem. lorem ipsum dolor sit amet. lorem ipsum dolor.

Washi Taupe
#867d6b
lorem ipsum dolor sit. lorem / lorem ipsum
Text Charcoal
#404040
lorem / lorem(lorem ipsum)
Slate Ink
#2b333f
lorem. lorem ipsum / lorem
White
#ffffff
lorem. lorem ipsum
Panel Grey
#efefef
lorem / lorem ipsum dolor
Hairline
#e0e0e0
1px lorem
02 — TYPOGRAPHY

lorem ipsum dolor

Noto Serif JP lorem ipsum dolor sit. lorem weight 300, lorem ipsum 2.3 / lorem 1.5, letter-spacing 0.02em.

lorem — lorem ipsum dolor
h3 · Noto Serif JP · 25px · weight 300 · lh 1.4
lorem ipsum dolor H1 — lorem ipsum dolor
h1 · 19.6px · weight 300 · lh 1.6
lorem — lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing elit sed. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.
p · 16.8px · weight 300 · lh 1.5 · ls 0.02em
lorem / lorem ipsum dolor — lorem ipsum dolor, lorem ipsum dolor.
body/nav · 14px · weight 300 · lh 2.3
lorem — lorem ipsum
a · 18px · weight 300 · color #867d6b
03 — ARTICLE

lorem ipsum dolor

lorem, lorem ipsum.

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

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

04 — BUTTONS

lorem

lorem ipsum dolor(lorem ipsum dolor)lorem. EC lorem UI lorem ipsum dolor sit amet(radius 2px).

lorem ipsum lorem ipsum dolor sit lorem ipsum dolor
05 — CARDS

lorem ipsum

TOTE
SIWA lorem ipsum dolor L
lorem ipsum / lorem
CLUTCH
lorem ipsum dolor
lorem ipsum / lorem ipsum dolor
POUCH
lorem ipsum dolor
lorem ipsum / lorem ipsum
06 — FORMS

lorem ipsum

lorem ipsum / lorem ipsum / lorem ipsum 3 lorem. lorem, radius 2px, lorem ipsum dolor sit.

lorem ipsum dolor sit amet consectetur.
lorem ipsum
07 — ELEVATION

lorem

lorem ipsum dolor. lorem ipsum dolor / lorem / lorem ipsum dolor sit, lorem ipsum dolor.

Level 0 — none
Level 1 — dropdown
Level 2 — modal
08 — LAYOUT

lorem ipsum dolor

8 / 16 / 24 / 40 / 64 / 120px. lorem ipsum dolor“lorem”lorem.

XS 8
S 16
M 24
L 40
XL 64
XXL 120