８lorem１９lorem２２lorem, ２lorem ipsum dolor
≡ lorem ipsum
Darlington Collection

lorem ipsum dolor sit amet
lorem ipsum

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

lorem ipsum lorem ipsum dolor sit
01 / Colors

lorem ipsum dolor — lorem ipsum dolor

Brand
Leather Black
#241a00
--c-color-primary. lorem / lorem / lorem ipsum
Gold
#a5843a
CTA lorem
Cream
#f5f1e8
lorem ipsum
Gold Scale — lorem ipsum 7 lorem ipsum dolor sit
CTA
#a5843a
“lorem ipsum”
Gold Mid
#9a7d1f
Pick Up KABAN
Gold Soft
#a0793e
RESTOCK
Gold Pale
#9b7a4f
NEW ARRIVAL
Gold Deep
#8a6a35
lorem ipsum dolor sit(lorem)
Gold Light
#c8aa62
lorem ipsum dolor(lorem)
Gold Lighter
#d7c287
Shoulder Bag
Cream / Surface
Cream
#f5f1e8
lorem ipsum dolor
Cream 2
#f3efe6
lorem ipsum dolor
Beige
#eee8dd
lorem ipsum dolor sit
Beige Deep
#e8e3d9
“lorem”lorem
Greige
#f2f1f0
--c-color-bg-light
Border
#d3d1cc
--c-color-border
Dark Surface / Text
Dark 1
#15110c
lorem ipsum dolor sit
Dark 2
#211b14
lorem ipsum dolor
Text Secondary
#7c7666
--c-color-secondary
Text Muted
#756b5e
lorem / lorem ipsum
Disabled
#999999
--c-color-muted
(lorem ipsum)
#0070c9
--c-color-accent. Shopify lorem ipsum. lorem ipsum dolor
02 / Typography — lorem

lorem(lorem)lorem ipsum(UI)lorem

lorem ipsum dolor sit amet consectetur
lorem / 42px / 500 / line-height: 1.34 / letter-spacing: 0.08emlorem ipsum
lorem ipsum dolor
lorem / 38–43px / 400–500 / line-height: 1.45–1.55 / letter-spacing: 0.10–0.12emlorem ipsum dolor
lorem, lorem ipsum.
lorem / 25–31px / 400 / line-height: 1.55 / letter-spacing: 0.13–0.18emlorem ipsum dolor(lorem)
lorem ipsum dolor LOG lorem ipsum
lorem / 16–20px / 400–500 / line-height: 1.40–1.55 / letter-spacing: 0.045–0.075emlorem
Restock  /  New Arrival  /  Bag Category
Times New Roman / 11–13px / lorem / lorem / letter-spacing: 0.16–0.28em ← 3 lorem ipsum“lorem”lorem ipsum
lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor, lorem, lorem, lorem. lorem ipsum dolor sit amet consectetur.
lorem / 14–19px / 400 / line-height: 2.0 / letter-spacing: 0.075–0.08emlorem ipsum
lorem — UI lorem ipsum dolor(Noto Sans JP). lorem ipsum dolor normal–0.05em lorem ipsum. lorem ipsum dolor sit amet consectetur.
lorem ipsum / 16px / 400 / line-height: 1.65 / letter-spacing: normalbody
¥52,000(lorem)
lorem ipsum / 15–18px / 500–600 / letter-spacing: 0.04emlorem
2026.08.06    01 / 03
lorem ipsum / 9px / 400–500 ←lorem ipsum dolor 11px lorem ipsum dolorlorem ipsum dolor

⚠ Shopify lorem ipsum dolor--heading-font-family: "Noto Sans Japanese"(lorem ipsum)lorem ipsum dolor, lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur adipiscing. loremfont-feature-settings lorem ipsumnormal—— lorem ipsum dolor sit palt lorem ipsum。

Restock

lorem ipsum dolor

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

lorem
2026.08.0601 / 03
lorem ipsum dolor lorem ipsum dolor
¥68,000(lorem)
Pick Up
2026.08.0602 / 03
lorem ipsum dolor lorem ipsum dolor sit
¥88,000(lorem)
Sold Out
2026.08.0603 / 03
lorem ipsum dolor lorem ipsum
¥42,000(lorem)
Shell Cordovan

lorem ipsum dolor

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

Leather Patina

lorem ipsum dolor

123lorem
Bag Special Contents

lorem“lorem”lorem ipsum dolor

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

lorem ipsum dolor lorem ipsum dolor sit lorem ipsum dolor sit amet
03 / Buttons & Badges

lorem / lorem(lorem ipsum dolor sit)

lorem ipsum
Primary — #a5843a / radius 0 / ls .1em
lorem ipsum dolor sit
Outline — 1px rgba(36,26,0,.35) / padding 0 42px
lorem ipsum dolor sit
Ghost — lorem ipsum
8 lorem 19 lorem 22 lorem ipsum dolor
Special — lorem ipsum ＋ lorem
Badges / Chips — lorem ipsum dolor(999px)
Pick Up Sold Out lorem lorem lorem ipsum dolor
04 / Forms

lorem ipsum dolor(--input-border-radius: 0.0rem)

lorem ipsum — border: 1px solid #d3d1cc / radius: 0px
lorem ipsum — border-color: #a5843a(lorem)
lorem — lorem ipsum dolor, lorem ipsum dolor
05 / Depth — 3 lorem ipsum dolor 5%

Elevation & Radius

Level 0
none — lorem ipsum / lorem / lorem
--shadow-sm
0 2px 8px rgba(0,0,0,.05)
lorem ipsum
--shadow
0 5px 15px rgba(0,0,0,.05)
lorem ipsum dolor
--shadow-md
0 5px 30px rgba(0,0,0,.05)
lorem ipsum / lorem ipsum
Radius Scale — lorem 7 lorem ipsum, lorem ipsum dolor sit amet
TokenValuelorem ipsum
--c-radius-sm4pxlorem
--c-radius-md8pxlorem
--c-radius-lg12pxlorem
--c-radius-xl20pxlorem
--c-radius-2xl24pxlorem
--c-radius-pill100px(lorem 999px)lorem / lorem
--c-radius-full50%lorem ipsum dolor
--button-border-radius0.0remlorem / lorem / lorem / lorem ipsum
Spacing Scale（--c-space-*）
4
8
12
16
20
24
32
40
48
60
80