1 lorem ipsum,
lorem ipsum dolor sit.

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

VIEW COMPANY ↗ VIEW PRODUCT ↗
01 / COLORS

lorem ipsum dolor

Brand / Core
Text Primary
#222222
lorem / lorem / lorem
Background
#ffffff
lorem ipsum
Dark Surface
#222222
lorem(lorem)
Accent(lorem 2 lorem)
Soft Blue
#62a2cb
lorem ipsum CTA
Soft Green
#89d393
lorem ipsum CTA
Neutral / Surface
Off White
#f7f7f7
lorem ipsum dolor / lorem
Light Grey
#d9d9d9
lorem / lorem
Danger(lorem)
#d64545
lorem
02 / TYPOGRAPHY — lorem

lorem ipsum dolor sit

lorem ipsum dolor sit H1
Noto Sans JP / 96px(lorem) / 700 / line-height: 1.5 / letter-spacing: 0.05emlorem
lorem ipsum / lorem — Lead
Noto Sans JP / 30px / 700 / line-height: 1.56 / normal
PRODUCT — Eyebrow Label
Lexend / 24px / 400-500 / letter-spacing: 0.04em(lorem ipsum Lexend)
lorem ipsum / lorem ipsum — Sub-lead
Noto Sans JP / 21px / 700 / line-height: 2.16 / letter-spacing: 0.02em
lorem ipsum dolor — lorem 10X lorem, lorem ipsum dolor sit amet consectetur adipiscing. line-height 2.25 lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. ABCabc 123
Noto Sans JP / 16px / 500 / line-height: 2.25 / letter-spacing: 0.01em
2026/05/20 — Date / Meta
Lexend / 18px / 500 / letter-spacing: 0.04em
03 / DARK SURFACE

10x lorem ipsum dolor, lorem 0.1%

lorem ipsum dolor / lorem ipsum #222222 lorem ipsum dolor sit, lorem ipsum dolor sit. lorem ipsum dolor Lexend ＋ letter-spacing 0.04em.

JOIN OUR TEAM CONTACT US
04 / BUTTONS

lorem ipsum dolor sit

VIEW COMPANY ↗
Small Pill(lorem)
VIEW PRODUCT ↗
Small Pill(lorem)
VIEW ALL
Outline Pill
lorem ipsum dolor
Dark CTA
05 / CARDS

lorem ipsum dolor

2026/05/20lorem ipsum dolor

AI lorem ipsum dolor sit amet consectetur

2026/04/18lorem ipsum

lorem ipsum dolor, lorem ipsum dolor sit

2026/03/30lorem

10x lorem ipsum dolor sit amet consectetur

06 / FORMS

lorem ipsum dolor

lorem ipsum — border: #d9d9d9, radius: 8px
lorem ipsum — border: #62a2cb + ring
lorem — border: #d64545
07 / ELEVATION

Depth & Elevation

Level 0: Flat
lorem / lorem ipsum(lorem)
Level 1: Hover
0 2px 8px rgba(0,0,0,0.06)
Level 2: Modal
0 8px 24px rgba(0,0,0,0.10)
08 / LAYOUT — 8px lorem ipsum

lorem ipsum dolor

4 XS
8 S
16 M
32 L
64 XL
120 XXL