🛒👤
Design System Preview — computed style lorem(2026-08-20)

lorem ipsum dolor,
lorem ipsum dolor sit.

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

VIEW MORE
01 / Colors

Color Palette

Brand — lorem ipsum dolor
Slate
#5a686c
lorem. lorem CTA lorem
Slate Dark
#4b5d62
lorem CTA lorem
Ink Slate
#484e4d
lorem / lorem ipsum dolor / lorem / lorem ipsum
Text & Line
Text
#252a2c
lorem / lorem
Text(body lorem)
rgba(0,0,0,.86)
lorem ipsum dolor
Muted
#768185
lorem / lorem
Pale
#abbcc1
lorem / lorem ipsum
Line
#ebebeb
lorem
Surface
Background
#ffffff
lorem ipsum
Surface
#f5f4f0
lorem / lorem ipsum. lorem ipsum dolor sit
Surface Gray
#f5f5f5
lorem / lorem ipsum
Surface Warm
#f7f5ef
POPUP STORE
Announcement
rgba(83,91,94,.898)
lorem. lorem ipsum dolor
Accent — lorem 2 lorem ipsum
Gold
#ca8a12
“lorem”lorem ipsum. lorem ipsum dolor sit amet
Cream
#fff2dc
lorem ipsum dolor sit
02 / Typography — lorem

Noto Sans JP lorem, weight 300 lorem ipsum

lorem ipsum dolor,
32px / 500 / line-height: 1.5 / letter-spacing: 0.10emlorem ipsum 1 lorem
lorem ipsum dolor sit. — Page Title
22px / 500 / line-height: 1.6 / letter-spacing: 0.04em
Online Store
18–24px / 500 / line-height: 1.5 / letter-spacing: 0.13em / loremlorem ipsum dolor sit
lorem ipsum dolor sit amet — lorem ipsum dolor
18–20px / 500–600 / line-height: 1.5 / letter-spacing: 0.04–0.08em
lorem ipsum — lorem ipsum dolor sit amet. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.weight 300 lorem, lorem ipsum.
18px / 300（Light） / line-height: 1.8 / letter-spacing: 0.03emlorem ipsum
lorem — lorem 1.8 lorem. lorem / lorem ipsum dolor 1.6 lorem ipsum. lorem ipsum 0.04em, lorem 0.13em lorem 2 lorem ipsum.
16px / 400 / line-height: 1.8 / letter-spacing: 0.04em
Mr. CHEESECAKE Classic — lorem
16px / 700 ← 700 lorem ipsum dolor sit amet consectetur
¥4,779 (lorem)
15–18px / 600–700 / letter-spacing: 0.04–0.06emlorem
lorem ipsum dolor — Badge
12px / 500 / line-height: 1.83 / letter-spacing: 0.03em
Weight ladder — lorem ipsum dolor 3 lorem
Weightloremlorem ipsum
300 Lightbody lorem / lorem ipsum / lorem / lorem ipsumlorem ipsum dolor sit amet consectetur.
400 Regularlorem / lorem / lorem / loremlorem ipsum dolor sit amet consectetur.
500 Mediumlorem / lorem / lorem ipsum(lorem ipsum dolor sit）lorem ipsum dolor sit amet consectetur.
600 / 700lorem ipsum dolorloremlorem ipsum dolor sit amet consectetur.

--font-body lorem--font-head lorem ipsum("Noto Sans JP", sans-serif）。 lorem ipsum dolor sit amet. font-feature-settings lorem ipsumnormal—— palt lorem ipsum“(lorem)”lorem ipsum dolor sit amet consectetur.

03 / Products

Online Store

lorem ipsum dolor
Mr. CHEESECAKE Classic
¥3,996(lorem)
lorem ipsum dolor
Week-end Citron
¥4,212(lorem)
lorem
Mr. CHEESECAKE Gift Box
¥5,076(lorem)
lorem ipsum
Financier & Snow Ball
¥4,779(lorem)
lorem ipsum dolor sit

lorem ipsum

lorem Week-end Citron lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur.

04 / Store

Store

loremlorem / lorem ipsum dolor
GINZA SIX lorem
〒104-0061 lorem ipsum dolor 6-10-1 GINZA SIX B2F
lorem ipsum dolor
lorem ipsum
〒144-0041 lorem ipsum dolor sit 2-6-5 lorem 2 lorem ipsum 2F
lorem ipsum dolor
lorem ipsum dolor
〒100-0005 lorem ipsum dolor sit 1-9-1 JR lorem ipsum B1F
05 / Buttons & Badges

Buttons

padding lorem ipsum dolor(0 40px 0 18px / 15px 40px 15px 24px）。 lorem ipsum dolor sit amet consectetur.radius lorem 2px.

lorem ipsum dolor
Primary — #5a686c / radius 2px
lorem rgba(255,255,255,.86)
¥3,996(lorem)
Price — lorem ipsum dolor sit
lorem ipsum
Secondary — #4b5d62
lorem ipsum dolor
Tertiary — rgba(90,104,108,.1) ＋ 1px solid
lorem ipsum dolor
Outline — 1px rgba(85,95,95,.4)
VIEW MORE
Text Link — lorem 1px lorem / ls 0.10em
Register — #484e4d / ls 0.125em
Badges — lorem 4px(lorem ipsum)／ lorem 24px(lorem ipsum)
lorem lorem / lorem ipsum dolor lorem ipsum dolor lorem ipsum dolor lorem ipsum
06 / Forms

Mail Magazine

lorem ipsum — border: 1px solid #abbcc1 / radius: 2px / font-size: 18px
lorem ipsum — border-color: #5a686c
lorem — border-color: #ca8a12(lorem ipsum dolor sit)
07 / Depth — lorem ipsum dolor

Surfaces & Spacing

box-shadow lorem ipsumnone。 border-radius: 2px lorem ipsum“lorem”.

lorem
#ffffff
lorem / lorem
#f5f4f0
lorem
#f5f5f5
POPUP
#f7f5ef
lorem ipsum
#fff2dc
TOPICS / lorem ipsum
#484e4d
TOPICS
Spacing Scale
4
8
12
18
24
40
80(lorem ipsum dolor)