01 — COLORS

lorem ipsum dolor

Background (Top)
#ffffff
Background (Content)
#ededeb
Surface Light
#f5f5f3
Okamura Red
#e60039
Text Primary
#333333
Ink
#111111
CTA Gray 1
#515151
CTA Gray 2
#616161
CTA Gray 3
#666666
CTA Gray 4
#717171
Border (Button)
#999999
Border (Card)
#cccccc
Border (Rule)
#dddddd
Error Background
#fffafb
02 — TYPOGRAPHY(UD lorem / palt on / lorem line-height 1.8)
Page Title 24 / 700 / 1.8
lorem ipsum - lorem ipsum dolor / lorem
Top Section 30 / 700 / 0.96
lorem ipsum dolor sit amet / lorem
Section 24 / 500 / 1.8
lorem ipsum dolor
Sub Heading 20 / 700 / 1.44
lorem＆lorem ipsum dolor sit amet
Card Title 16 / 700 / 1.8
lorem
Global Nav 14 / 400 / 0.166em
lorem ipsum dolor
Menu Label (EN) Slate 14 / 0.126em
SOLUTION
Body 16 / 400 / 1.8
lorem ipsum, lorem ipsum / lorem / lorem 3 lorem ipsum, lorem ipsum, lorem, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit, lorem ipsum dolor sit.
Body Small 14 / 400 / 2.06
lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.
Caption 11 / 400 / 0.058em
【lorem ipsum】lorem ipsum / lorem ipsum / lorem ipsum
03 — PRODUCT

lorem ipsum dolor

OFFICE CHAIR

Flotte

【lorem ipsum】

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

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

lorem ipsumFlotte(lorem ipsum)
loremlorem ipsum / lorem ipsum dolor / lorem ipsum dolor sit
loremlorem / lorem
loremlorem ipsum dolor sit / lorem ipsum
04 — BUTTONS

lorem

lorem ipsum dolor sit　→ lorem ipsum lorem ipsum dolor sit amet consectetur lorem lorem ipsum lorem

lorem / lorem ipsum dolor sit amet consectetur

lorem ipsum dolor / lorem ipsum dolor sit

lorem ipsum dolor / lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur

05 — CARDS

lorem ipsum(hover lorem)

lorem ipsum dolor, lorem ipsum dolor sit amet.
Flotte
【lorem ipsum】
lorem ipsum dolor sit amet consectetur.
YAA
【lorem】
lorem ipsum dolor sit amet consectetur.
TELECUBE
【lorem ipsum dolor】
06 — FORMS（default / focus / error）

lorem ipsum

DEFAULT
FOCUS（border #333 ＋ 0 0 10px rgba(0,0,0,0.2)）
ERROR(background #fffafb ／ border / lorem #e60039)
lorem ipsum dolor sit amet consectetur adipiscing
SEARCH(radius 50px lorem)
07 — ELEVATION

lorem

Level 0 · Flat
(lorem / lorem ipsum)
Level 1 · Hover
0 0 10px rgba(0,0,0,0.2)
Level 2 · Menu Item
radius 10px ＋ lorem
08 — LAYOUT

lorem ipsum(2 lorem / container 1366px)

Card 1/2
Card 1/2
Card 1/2
Card 1/2
container: 1366px(--contents-width)／ section padding: 60px 0 ／ gutter: 24px ／ lorem ipsum dolor, lorem ipsum 1366px lorem ipsum