Custom Order Suit & Shirt

lorem ipsum dolor sit,
lorem ipsum dolor.

FABRIC TOKYO lorem ipsum dolor sit amet consectetur adipiscing. computed style lorem ipsum dolor, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor lorem ipsum
01 / Colors

lorem ipsum dolor

Primary
Primary Dark
#333333
lorem ipsum / CTA lorem / lorem
Black
#000000
lorem ipsum dolor
White
#ffffff
lorem ipsum / CTA lorem ipsum
Surface
Surface Gray
#edf0f2
lorem ipsum dolor / lorem ipsum dolor
Info Surface
#eff6ff
lorem / lorem ipsum
Text & Border
Text Primary
#333333
lorem ipsum dolor
Muted Text
#95a0a5
lorem ipsum dolor / lorem ipsum dolor
Secondary Gray
#9ca3af
lorem ipsum dolor
Border
#d1d5db
lorem ipsum / lorem ipsum dolor
Semantic
Danger
#dc2626
lorem / lorem(lorem)
Success
#16a34a
lorem / lorem(lorem)
Warning
#d97706
lorem / lorem(lorem)
02 / Typography

lorem ipsum dolor sit

lorem ipsum dolor sit, lorem ipsum dolor. — H2 Main
20px / 400 / line-height 2.0 / letter-spacing 0.075em / palt: loremlorem ipsum dolor
PICKUP — H2 Section (English)
18.75px / 700 / line-height 1.5 / letter-spacing 0.1em / uppercaselorem ipsum dolor
lorem ipsum dolor sit amet — H3 Product
15px / 400 / line-height 1.5 / letter-spacing 0.05emlorem
lorem ipsum dolor — FABRIC TOKYO lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum dolor sit letter-spacing: 0.05em lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit sed do.
14px / 400 / line-height 1.5 / letter-spacing 0.05emlorem
ORDER · SUIT · SHIRT · CASUAL — Nav
12.5px / 500 / line-height 1.5 / letter-spacing 0.1em / uppercaselorem ipsum dolor
lorem ipsum dolor — lorem ipsum 4 lorem ipsum dolor. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.
14px / 400 / line-height 1.5 / letter-spacing 0.05em / color #95a0a5Muted
FABRIC TOKYO © 2025 — Footer
11px / 400 / letter-spacing 0.1em / Lato / white on blacklorem ipsum
¥38,000 (lorem)
Lato 300 / 28px / lorem / lorem ipsumlorem ipsum
03 / Products

ORDER ITEMS

lorem ipsum dolor sit amet

¥38,000–(lorem)

lorem ipsum dolor sit amet

¥6,500–(lorem)

lorem ipsum dolor sit

¥22,000–(lorem)

lorem ipsum dolor sit amet

¥16,000–(lorem)
04 / Article

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor sit amet

FABRIC TOKYO lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing.

STEP 01 — MEASUREMENT

lorem ipsum dolor 30 lorem ipsum dolor sit. lorem, lorem, lorem ipsum, lorem ipsum 20 lorem ipsum dolor, 3D lorem ipsum dolor. lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur. Super 120's lorem ipsum dolor sit, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

STEP 02 — FABRIC

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

05 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor
Primary Pill
DESIGN.md lorem
Outline Pill
lorem ipsum
Danger Pill
Tags
On Dark
lorem ipsum dolor lorem ipsum
06 / Cards

PICKUP

lorem ipsum dolor sit amet consectetur

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

lorem ipsum

2025 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: lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.

lorem ipsum dolor
07 / Forms

lorem ipsum dolor

lorem ipsum — border: #d1d5db, radius: 9999px
lorem ipsum — border: #333333, shadow: rgba(51,51,51,0.12)
lorem ipsum dolor sit amet consectetur adipiscing.
lorem — border: #dc2626 (danger)
lorem ipsum dolor
08 / Elevation

Depth & Elevation

Level 0: Flat
lorem, lorem ipsum dolor
Elevation 1
0 2px 8px rgba(0,0,0,0.06)
Elevation 2
0 8px 24px rgba(0,0,0,0.08)
Elevation 3
0 16px 40px rgba(0,0,0,0.10)
09 / Layout

lorem ipsum dolor & lorem ipsum

Spacing Scale (8px base)
4
1
8
2
12
3
16
4
24
5
32
6
48
8
64
10
80
12
Border Radius
4px
SM
8px
MD
16px
LG
24px
XL (Card)
9999px
Pill
Content Widths
Max Content 960px
Article 620px
Form Container 480px