lorem ipsum dolor sit amet 5.15 (lorem)lorem ¥5,000 lorem(lorem¥10,000 lorem)lorem ipsum dolor

SOU / SOU lorem ipsum

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. Noto Serif JP lorem ipsum dolor sit amet consectetur, letter-spacing lorem 0.08em–0.2em lorem ipsum dolor sit amet consectetur. lorem ipsum dolor #c1a443 lorem ipsum identity. computed style lorem(2026-05-07 lorem)lorem ipsum.

lorem ipsum dolor sit lorem ipsum
01 / COLORS

lorem ipsum dolor

Brand
Accent
#c1a443
lorem ipsum dolor / --color-accent / 47 lorem
Campaign Red
#a91717
lorem / lorem ipsum dolor
Surface
Page Background
#f5f5f5
lorem ipsum dolor sit / 67 lorem
Surface White
#ffffff
lorem / lorem ipsum
Footer Dark
#4b4b4b
lorem ipsum / lorem ipsum
Sub Header Dark
#222426
lorem ipsum dolor
Text
Heading / Text
#222222
lorem / lorem / lorem
Text Muted
#888888
lorem / lorem ipsum dolor
Search Text
#5c5c5c
--color-search
Outline Btn
#555555
“lorem ipsum”lorem ipsum
Border
Border Default
#dedede
--border-color
Border Stronger
#a7a7a7
lorem ipsum dolor
Border Main
#dcdcdc
--color-main-border
Semantic
Error
#de2a2a
--error-color
Success
#2e9e7b
--success-color
Link Blue
#4181f2
lorem ipsum(U-KOMI lorem)
Pale Blue
#e1eaf2
--color-bg-light
02 / TYPOGRAPHY — lorem

lorem ipsum dolor sit

Hero — SOU / SOU lorem ipsum
36px / 400 / line-height: 1.5 / letter-spacing: 7.2px (+0.2em)lorem ipsum h2
lorem ipsum dolor — lorem ipsum
28px / 400 / line-height: 1.5 / letter-spacing: 5.6px (+0.2em)lorem ipsum h2
lorem — 5.15(lorem)lorem
24px / 400 / line-height: 1.3 / letter-spacing: 1.92px (+0.08em)lorem ipsum dolor
lorem ipsum — lorem
22px / 400 / line-height: 1.8 / letter-spacing: 1.76px (+0.08em)lorem ipsum h3
lorem ipsum dolor — lorem ipsum dolor sit amet
17px / 500 / line-height: 1.0 / letter-spacing: 1.7px / color: #a91717lorem ipsum dolor sit amet
lorem — DESIGN.md lorem AI lorem ipsum dolor sit amet consectetur UI lorem ipsum dolor sit amet consectetur. Noto Serif JP lorem ipsum dolor sit amet consectetur, letter-spacing lorem 0.08em–0.2em lorem ipsum dolor, lorem“lorem ipsum”lorem ipsum dolor.
16px / 400 / line-height: 1.733 / letter-spacing: normallorem body
lorem ipsum — lorem ipsum dolor, lorem ipsum dolor sit amet. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur. letter-spacing 1.12px (+0.08em) lorem ipsum dolor sit amet consectetur.
14px / 400 / line-height: 1.8 / letter-spacing: 1.12px (+0.08em)lorem article p
lorem ipsum — lorem ipsum dolor
16px / 400 / line-height: 1.0 / letter-spacing: 1.28px (+0.08em)lorem ipsum
lorem ipsum dolor — ¥5,000 lorem(lorem¥10,000 lorem)lorem ipsum dolor
14px / 400 / line-height: 1.0 / letter-spacing: 1.7px / color: #888888lorem ipsum dolor
03 / PRODUCTS

lorem ipsum dolor

lorem
lorem lorem lorem ipsum
¥18,700(lorem)
lorem
lorem lorem lorem
¥24,200(lorem)
lorem
lorem ipsum SOU / SOU × le coq sportif
¥15,400(lorem)
lorem ipsum
lorem lorem SO-SU-U
¥3,300(lorem)
04 / ARTICLE — lorem ipsum

lorem ipsum dolor sit amet

【lorem】lorem ipsum / lorem ipsum dolor sit

lorem ipsum dolor

lorem ipsum dolor sit amet, SOU / SOU netshop lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet. Noto Serif JP lorem ipsum dolor sit, letter-spacing 1.12px (+0.08em) / line-height 1.8 lorem ipsum dolor sit.

lorem ipsum dolor

2026 lorem 5 lorem 7 lorem ipsum dolor sit amet consectetur, lorem ipsum 1–2 lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor, lorem ipsum dolor sit amet.

05 / BUTTONS

lorem ipsum dolor sit

lorem ipsum dolor sit
Primary lorem (radius 5px)
lorem ipsum
Outline Large (radius 25px)
lorem ipsum
Outline Small (radius 19px)
U-KOMI lorem ipsum dolor
Link Blue (radius 5px)
Form Submit (radius 3px)
06 / BORDER RADIUS — 7 lorem ipsum

lorem ipsum dolor

Sharp · 0px
Soft · 3px
Subtle · 5px
Rounded · 19px
Pill Soft · 25px
Pill Full · 40.81px
Circle · 100%
07 / FORMS

lorem ipsum dolor

lorem ipsum — border: 1px solid #dedede, radius: 3px
lorem ipsum — border: #c1a443(accent gold)
lorem — border: #de2a2a (--error-color)
08 / SPACING — 8px lorem ipsum

lorem ipsum dolor

XS · 4px
S · 8px
M · 16px
L · 24px
XL · 48px
XXL · 80px