ONLINE
SHOP lorem ipsum dolor

“lorem”lorem“lorem”lorem ipsum

lorem / lorem / lorem ipsum dolor.

01 / Colors

lorem ipsum 1 lorem ＋ lorem ipsum

Sakura Red
#ff0302
NEW lorem / lorem ipsum dolor / lorem ipsum dolor. CSS 18 lorem
Deep Red
#cb0201
lorem CTA lorem. CSS 9 lorem
Band Red
#d90000
lorem ipsum dolor
Chip Surface
#ffe4e4
lorem ipsum dolor sit amet. lorem ipsum dolor sit amet 1 lorem(57 lorem)
Outline
#ff8080
lorem ipsum dolor sit amet. lorem ipsum dolor sit amet
Ink
#000000
body lorem ipsum. lorem ipsum dolor sit amet
Ink 3
#54544c
lorem / lorem ipsum dolor. lorem ipsum dolor sit. CSS 11 lorem
Crimson
#9a0816
lorem ipsum dolor sit amet consectetur. CSS 4 lorem
⚠️ lorem 5 lorem ipsum dolor
loremCSS lorem ipsumred lorem 82 lorem(lorembackground-color:red 10 lorem)lorem ipsum dolor. lorem ipsum dolor#ff0302(lorem ipsum／lorem)lorem#cb0201(lorem ipsum)lorem 2 lorem ipsum dolor.
loremloremlorem ipsum dolor
#ff0302CSS 18 loremNEW lorem(56px lorem) / lorem ipsum dolor
#cb0201CSS 9 loremlorem CTA(radius 8px ＋ lorem)
#fe0000CSS 10 loremlorem ipsum dolor“ALL”
red (#ff0000)lorem ipsum 82 loremlorem ipsum“lorem ipsum dolor” / ONLINE SHOP lorem
#d90000CSS 1 loremlorem ipsum dolor

lorem ipsum(lorem ipsum / lorem / lorem ipsum dolor)

lorem lorem lorem
＃lorem ipsum ＃lorem ipsum ＃lorem ipsum ＃lorem ＃lorem
lorem ipsum dolor#feffb2
lorem ipsum#366d91
lorem ipsum#7dd78f

lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur.UI lorem(lorem / lorem)lorem ipsum dolor sit。

02 / Typography — lorem

Web lorem ipsum dolor sit, OS lorem ipsum dolor sit

Section Title
32px / 700 / lh 1.5
ls 0.05em
lorem ipsum dolor
Section Title(lorem)
32px / 700 / lh 1.5
ls 0.15em
SAKURA PRESS
Hero Title
32px / 700 / lh 1.3
ls 0.1em
“lorem”lorem“lorem”
Page Title
26px / 700 / lh 1.3
ls 0.1em
lorem ipsum dolor
Mega Menu Title
26px / 700 / lh 1.5
lorem ipsum dolor
Category Title
20px / 700 / lh 1.0
#ff0302 ＋ lorem ipsum
lorem ipsum dolor
CTA / Badge
18px / 700
lorem ipsum
H3
18px / 700 / lh 1.5
#333333
lorem / lorem ipsum dolor
H3(lorem)
16px / 700 / lh 1.5
#54544c
SAKURA craft_lab 010
Body
16px / 400 / lh 1.5
ls normal
lorem ipsum 1925 lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.
Body(lorem ipsum)
16px / 400 / lh 1.8125
lorem ipsum dolor sit amet, lorem ipsum dolor 1.8125 lorem ipsum dolor. lorem ipsum dolor 1.5 lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.
Nav / Link
16px / 700 / lh 1.5
lorem ipsum
Tag
14px / 400
＃lorem ipsum
Chip
12px / 700
lorem ipsum

⚠️ Windows lorem ipsum dolor："Yu Gothic Medium" loremfont-weight: 700 lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur 700 lorem, Windows lorem ipsum dolor sit amet consectetur adipiscing.
⚠️ palt lorem CSS lorem 106 lorem ipsum dolor sit amet. lorem ipsum dolor sit / lorem ipsum dolor sit amet consectetur, lorem / lorem ipsum dolor computed lorem ipsumnormal。

03 / Product — lorem ipsum dolor

NEW lorem ipsum 56px lorem

NEW
lorem ipsum dolor lorem ipsum
NEW
lorem ipsum dolor sit 05 lorem ipsum
SAKURA craft_lab 010
lorem ipsum dolor 12 lorem

SAKURA PRESS

2026.08.06
lorem
lorem“lorem ipsum dolor”lorem ipsum dolor! lorem ipsum dolor sit
2026.06.18
lorem ipsum
lorem 36 lorem lorem ipsum dolor sit amet consectetur lorem ipsum
2026.03.23
lorem ipsum
lorem ipsum dolor, lorem ipsum dolor sit amet consectetur
lorem ipsum

lorem ipsum dolor sit

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

lorem ipsum dolor 1.5, loremnormal. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor 0.05em, lorem ipsum dolor 0.15em lorem ipsum dolor.

04 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor sit amet ONLINE SHOP
“lorem ipsum / lorem”lorem lorem / lorem ipsum dolor

lorem — lorem ipsum dolor sit(radius 20px)

ALL lorem ipsum lorem ipsum

lorem CTA lorem#cb0201 ／ radius 8px ／ box-shadow: 0 5px 10px 0 rgba(0,0,0,.1). lorem ipsum dolor sit amet#ff8080。lorem ipsum dolor sit amet consectetur(radius 0)。

05 / Cards

lorem ipsum dolor 0 10px 10px -6px

2026.08.06
lorem“lorem ipsum dolor”lorem ipsum dolor
2024.07.04
lorem ipsum dolor sit amet
2026.03.23
lorem ipsum dolor, lorem ipsum dolor sit amet consectetur

0 10px 10px -6px rgba(0,0,0,.25) lorem CSS lorem 96 lorem ipsum dolor. lorem ipsum dolor 8–16px.

06 / Forms

lorem ipsum dolor 8px

lorem ipsum dolor
lorem ipsum dolor(outline 2px solid #ff0302)
lorem ipsum dolor sit amet consectetur
07 / Elevation

lorem ipsum dolor

Level 0 — lorem ipsumbox-shadow: none;
Level 1 — lorem(72 lorem)0 5px 10px 0 rgba(0,0,0,.1)
Level 2 — lorem(96 lorem)0 10px 10px -6px rgba(0,0,0,.25)
Level 3 — lorem ipsum(18 lorem)0 2px 15px 0 rgba(0,0,0,.1)
Level 4 — lorem ipsum(20 lorem)0 5px 10px 3px rgba(0,0,0,.3)

SAKURA CRAFT_LAB

lorem ipsum dolor(#d90000)lorem ipsum dolor sit

08 / Layout

lorem ipsum dolor 1152px

max-width: 1152px
1 / 4
2 / 4
3 / 4
4 / 4

Radius Scale

loremCSS loremlorem
8px85 loremlorem CTA / lorem
16px64 loremlorem
10px59 loremlorem ipsum / lorem ipsum
50%58 loremNEW lorem / lorem ipsum dolor
20px53 loremlorem / lorem
30px / 9999px14 loremlorem ipsum dolor
08 loremlorem ipsum dolor

Breakpoints(PC lorem ipsum)

NameWidthlorem ipsum
Mobile≤ 767px1028(lorem)
Tablet≥ 768px457
Desktop≤ 1279px193
Wide≥ 1600px6