lorem ipsum dolor sit amet consectetur adipiscing elit sed →
lorem ipsum lorem global
lorem ipsum dolor, lorem ipsum

Colors

loremlorem#333333 lorem ipsum#fffef8 lorem. lorem ipsum dolor sit amet consectetur.

lorem / Sumi
#333333
--color-foreground / --color-button. lorem / lorem ipsum / lorem ipsum
lorem / Kinari
#fffef8
scheme-3. lorem ipsum / lorem ipsum dolor
Paper
#ffffff
scheme-1. lorem / lorem ipsum dolor
lorem / Kincha
#c7b385
lorem ipsum dolor sit. lorem ipsum dolor sit
Text Secondary
rgba(51,51,51,.75)
lorem ipsum dolor / lorem ipsum dolor / lorem ipsum dolor
Nav Parent
#666666
lorem ipsum dolor sit amet
Panel
#f8f8f8
lorem ipsum dolor sit
Border
#dddddd
lorem ipsum. lorem ipsum rgba(51,51,51,.1), lorem ipsum .05

lorem ipsum dolor 3 lorem.1 lorem 3 lorem ipsum dolor(#ffffff ↔ #fffef8)lorem.

scheme-1
fg #333333 / bg #ffffff
lorem. lorem / lorem ipsum
scheme-3
fg #333333 / bg #fffef8
lorem ipsum / lorem ipsum
scheme-4
fg #ffffff / bg #000000
lorem ipsum dolor(lorem ipsum)

lorem ipsum dolor sit(#0f571e / #72a95a)lorem#222222 lorem Shopify lorem ipsum dolorlorem, lorem ipsum dolor sit. “lorem ipsum dolor sit amet”lorem ipsum, lorem ipsum#333333 lorem.

Typography

lorem Light(300) lorem.lorem ipsum dolor 300 / 500 lorem 2 lorem ipsum dolor. lorem ipsum dolor sit“lorem ＋ lorem”lorem. lorem ipsum1.8, lorem1.3。font-feature-settings loremnormal(palt lorem ipsum).1rem = 10px。

28px / w300 / lh 1.3
ls 14px = 0.5em
lorem ipsum dolor
18px / w300 / lh 1.3
ls 18px = 1.0em
lorem ipsum
28px / w300 / lh 1.8
ls 4.2px = 0.15em
(lorem ipsum dolor)
lorem ipsum dolor
24px / w300 / lh 1.3
ls 0.6px
I n s t a g r a m
16px / w300 / lh 1.3
ls 0.6px
lorem ipsum dolor sit amet
15px / w300 / lh 1.8
ls 0.6px = 0.04em
(body lorem)
lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur. lorem, lorem ipsum dolor sit amet consectetur——lorem ipsum, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit amet.
14px / w300 / lh 1.3
ls 2px = 0.143em
lorem ipsum
13px / w300 / lh 1.3
ls 1px = 0.077em
2026.07.30　lorem ipsum(lorem ipsum dolor)
16px / w500 / lh 1.25
ls 0.6px
lorem ipsum dolor sit
30px / w500 / lh 1.2
(lorem 700 lorem → lorem / 500)
0120-137-555
12px / w300 / lh 1.8
ls 0.6px
lorem ipsum dolor sit amet consectetur adipiscing.

0.5em lorem ipsum dolor sit 1 lorem ipsum dolor sit amet.lorem ipsum dolor sitmargin-right: -0.5em（1.0em lorem-1em)lorem ipsum. lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor

lorem ipsum dolor#fffef8(scheme-3). lorem ipsum dolor / radius 0 / lorem / lorem ipsum dolor. lorem ipsum dolor sit 8px.

1
lorem ipsum dolor［lorem / lorem ipsum］
￥3,240(lorem)
2
lorem ipsum dolor sit／100g
￥2,160(lorem)
3
lorem ipsum dolor sit amet
￥1,296(lorem)
4
lorem ipsum dolor sit amet
￥1,080(lorem)
lorem ipsum dolor

lorem ipsum dolor

lorem ipsum

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

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

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

lorem ipsum lorem ipsum dolor

Buttons

radius lorem 0（--buttons-radius: 0px）、lorem（--buttons-shadow-opacity: 0.0). lorem ipsum 300.

lorem ipsum(scheme-4 lorem).

lorem ipsum →

lorem ipsum dolor sit 3 lorem.lorem ipsum dolor(100px) / lorem ipsum dolor(50%) / lorem ipsum dolor(40px）。

1

lorem ipsum

Forms

Default

lorem ipsum dolor sit

Focus

lorem ipsum dolor(radius 0 / lorem)

Error

lorem ipsum 7 lorem ipsum dolor sit

lorem ipsum16px / w400(iOS lorem ipsum dolor), lorem1px solid rgba(51,51,51,.55)、radius 0. lorem ipsum16px / w300 / rgba(51,51,51,.75) / ls 1px。

Elevation

lorem ipsum dolor sit amet consectetur（--buttons- / --inputs- / --media- / --product-card- / --popup- / --drawer- / --variant-pills-shadow-opacity lorem ipsum0.0). lorem ipsum dolor sit amet consectetur.

media
1px rgba(51,51,51,.05)
card / popup
1px rgba(51,51,51,.1)
rule
1px #dddddd
lorem ipsum
#ffffff ↔ #fffef8

lorem ipsum dolor sit amet(0 0 25px rgba(0,0,0,.2) lorem)lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit.

Layout

lorem ipsum--page-width: 130rem = 1300px。lorem ipsum dolor sit 0（--spacing-sections-desktop: 0px)lorem, lorem ipsum dolor sit amet consectetur.

4px — lorem ipsum(lorem ipsum)
8px — lorem ipsum(lorem ipsum dolor)
10px — lorem ipsum dolor
15px — lorem
20px — lorem ipsum dolor
40px — lorem ipsum dolor
72px — lorem ipsum dolor
120px — lorem ipsum dolor

lorem.lorem 0. lorem100px(lorem)/50%(lorem ipsum)/40px(lorem ipsum dolor / lorem).

lorem ipsum dolor sit Shopify Dawn loremmin-width: 750px / 990px lorem. lorem ipsum(768 / 960 / 600 / 480 / 400px)lorem ipsum dolor, lorem ipsum 750 / 990 lorem ipsum dolor. h1 loremclamp(56px, 14vw, 72px) lorem ipsum, lorem ipsum. lorem 15px lorem ipsum.