lorem DX lorem ipsum dolor“lorem ipsum” lorem ipsum“lorem ipsum dolor”lorem ipsum
lorem DXlorem
lorem ipsum
lorem ipsumlorem

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum / lorem / lorem ipsum dolor / lorem ipsum dolor, computed style lorem ipsum dolor.

lorem ipsum dolor sit amet ↓
01 / Colors

lorem ipsum dolor

Brand
Kaminashi Blue
#0360e5
lorem ipsum dolor sit amet consectetur
Blue Deep
#0046a9
lorem ipsum dolor sit
Blue Deep 2
#004fbf
CTA lorem ipsum dolor sit amet
Cyan
#00afea
lorem ipsum dolor
CTA — lorem ipsum dolor sit amet
Kaminashi Yellow
#ffdb22
lorem CTA lorem
Yellow Alt
#ffdf24
lorem ipsum dolor sit amet
CTA Text
#333333
lorem ipsum dolor sit
Surface
Background
#ffffff
lorem ipsum
Surface Blue Pale
#e8f2ff
lorem ipsum dolor sit amet
Surface Blue Pale 2
#ebf4ff
lorem ipsum dolor
Surface Gray
#f5f5f5
FAQ / lorem ipsum
Surface Gray 2
#eeeff0
lorem ipsum
Surface Beige
#f6f2ed
lorem ipsum
Service Accent — lorem ipsum dolor. lorem ipsum dolor sit
lorem ipsum dolor
#3b5bdb
lorem ipsum
#5130b0
lorem / lorem ipsum
#e86c00
lorem ipsum dolor sit
#ab3400
Text & Border
Text Primary
#333333
lorem / lorem
Text Heading
#000000
lorem ipsum dolor
Text Muted
#888787
lorem ipsum
Danger
#e5412b
lorem / lorem
Border
#d9d9d9
lorem / lorem
02 / Typography — lorem

lorem ipsum dolor sit

lorem ipsum dolor sit amet900（Black）. line-height lorem1.4, letter-spacing lorem0.08em. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit。

lorem DX
72–89px / 700 / line-height: 1.4 / letter-spacing: 0lorem ipsum dolor sit amet
lorem ipsum
44–70px / 700 / line-height: 1.4 / letter-spacing: -0.04〜-0.05emlorem ipsum dolor sit amet
lorem ipsum dolor — Section Heading
48px / 700 / line-height: 1.4 / letter-spacing: 0.08emlorem ipsum dolor
lorem DX lorem ipsum dolor — Heading
38px / 900 / line-height: 1.4 / letter-spacing: 0.08emlorem(lorem ipsum dolor)
lorem ipsum — Heading 2
32px / 900 / line-height: 1.4 / letter-spacing: 0.08emlorem ipsum dolor(lorem)
lorem ipsum dolor — Sub Heading
20px / 900 / line-height: 1.4 / letter-spacing: 0.08emlorem ipsum. lorem ipsum
lorem ipsum dolor / lorem ipsum dolor / lorem ipsum — Navigation
13–14px / 700 / line-height: 1.4 / letter-spacing: 0.08emlorem ipsum dolor
lorem ipsum / lorem / lorem — Chip
14px / 900 / letter-spacing: 0.08emlorem ipsum
lorem DX lorem ipsum dolor — Small / Label
12px / 500 / line-height: 1.4 / letter-spacing: 0.08emlorem ipsum
lorem — lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum / lorem ipsum dolor sit amet consectetur. lorem ipsum line-height lorem 1.7 lorem ipsum dolor.
15px / 500 / line-height: 1.7(lorem ipsum dolor sit amet)lorem ipsum dolor 1.4 lorem ipsum dolor
03 / Service

lorem ipsum dolor

lorem ipsum dolor

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

lorem ipsum

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

lorem / lorem ipsum

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

lorem ipsum dolor sit

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

lorem ipsum(Surface Blue Pale 2 lorem)
lorem ipsum dolor／lorem ipsum／lorem ipsum
lorem ipsum dolor sit amet consectetur
lorem ipsum dolor sit amet consectetur
04 / Numbers

lorem ipsum dolor

lorem ipsum
17,000
lorem
lorem ipsum dolor
3
lorem ipsum
lorem
30
lorem
05 / Components

lorem / lorem

Buttons
lorem ipsum dolor sit amet ↓
lorem ipsum dolor ↓ lorem ipsum dolor ✉ lorem ipsum dolor →
Chips — lorem ipsum(radius 24px / weight 900)
lorem ipsum lorem lorem lorem / lorem ipsum
lorem ipsum — lorem, lorem ipsum
lorem ipsum lorem ipsum / lorem lorem lorem ipsum dolor lorem / lorem
FAQ
A. 30 lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum, lorem ipsum, lorem, lorem ipsum dolor, lorem / lorem ipsum dolor sit.
06 / Forms

lorem ipsum — 3 lorem

Default — lorem 1px solid #d9d9d9 / lorem 8px
Focus — lorem #0360e5 ＋ lorem rgba(3,96,229,.18)
Error — lorem #e5412b ＋ lorem rgba(229,65,43,.15)
07 / Elevation

lorem — lorem ipsum dolor sit amet consectetur

Level 0
none
Level 1 — lorem
0 0 24px rgba(0,0,0,.08)
Level 2 — lorem CTA
0 6px 15px rgba(0,0,0,.2)
08 / Layout

lorem ipsum

Spacing Scale
8
16
24
32
64
120
Border Radius Scale
8px — lorem 24px — lorem 32px — lorem 60px — lorem ipsum CTA 100px — lorem CTA 50%
Container
Content
max-width: 1200px

lorem DX lorem
“lorem ipsum”lorem ipsum!

lorem ipsum DX lorem ipsum dolor sit amet consectetur?

lorem ipsum dolor sit amet ↓