lorem ipsum dolor! lorem ipsum 1 lorem※1

lorem / lorem / lorem / EC lorem
lorem ipsum dolor sit amet consectetur

STORES lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor / lorem ipsum dolor computed style lorem(2026-05-05 lorem)lorem ipsum, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit lorem ipsum dolor(lorem) lorem ipsum dolor →
01 / Colors — lorem

lorem ipsum dolor

Brand
Brand Blue
#0066ff
lorem CTA lorem / lorem ipsum dolor / lorem ipsum dolor
Mint Accent
#40f2b4
lorem ipsum dolor "lorem ipsum dolor!"
Pill Dark
#0a0a0a
"lorem" lorem ipsum dolor(CTA lorem ipsum)
Neutral — Warm Gray Scale
Black
#000000
lorem ipsum dolor / lorem ipsum
Near Black
#0a0a0a
lorem / lorem ipsum dolor
Warm Gray
#737368
lorem ipsum(R=G>B lorem ipsum dolor)
Warm Surface
#f2f2f0
lorem ipsum dolor / lorem
Warm Border
#ebebe9
lorem ipsum CTA / lorem ipsum dolor
White
#ffffff
lorem / lorem ipsum dolor sit
Header & Overlay
Header BG
rgba(255,255,255,0.3)
lorem ipsum＋backdrop-blur
Semantic — lorem ipsum
Danger
#dc2626
lorem / lorem(lorem)
Success
#16a34a
lorem / lorem(lorem)
Warning
#d97706
lorem / lorem(lorem)
02 / Typography — lorem

lorem ipsum dolor sit

lorem ipsum, lorem ipsum dolor. — Hero H1
48px / 600 / line-height 1.15 / letter-spacing -0.03emlorem
lorem ipsum dolor — Section H2 (Light)
48px / 400 / line-height 1.15 / letter-spacing -0.03emlorem
lorem ipsum dolor sit amet — Pricing H2
40px / 600 / line-height 1.2 / letter-spacing -0.02emlorem
lorem ipsum dolor — Card Title (H3)
24px / 600 / line-height 1.4 / letter-spacing -0.02emlorem / lorem
lorem ipsum dolor sit — H3 Sub
20px / 600 / line-height 1.4 / letter-spacing -0.02emlorem
lorem ipsum dolor — lorem ipsum dolor, lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit line-height: 1.75 lorem ipsum dolor sit, SaaS lorem ipsum dolor sit amet consectetur STORES lorem ipsum dolor.
16px / 400 / line-height 1.75 / letter-spacing 0.02emlorem / lorem
lorem ipsum dolor — 14px lorem ipsum dolor. lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit #737368.
14px / 400 / line-height 1.75 / letter-spacing 0.02em / color #737368
lorem ipsum — Caption Bold(lorem ipsum dolor)
14px / 600 / line-height 1.4 / letter-spacing 0.02em
Small — lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit. lorem ipsum dolor sit.
12px / 400 / line-height 1.5 / letter-spacing 0.03em / color #737368
03 / Service — lorem ipsum dolor sit

lorem ipsum dolor

lorem ipsum, lorem ipsum dolor.

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

lorem ipsum dolor

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

lorem ipsum dolor sit

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

lorem ipsum dolor:lorem ipsum dolor sit amet, “lorem ipsum dolor sit”lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing.

※ lorem ipsum 1 lorem. lorem ipsum dolor 1.98%–(lorem ipsum). lorem ipsum dolor sit amet consectetur adipiscing.

04 / Product — lorem ipsum

lorem ipsum dolor

FREE

lorem

¥0/lorem

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

  • lorem ipsum dolor sit
  • lorem ipsum(lorem 5%)
  • lorem ipsum
lorem ipsum dolor
RECOMMENDED

lorem ipsum dolor

¥2,980/lorem

lorem ipsum 1 lorem. lorem ipsum dolor sit, lorem ipsum dolor.

  • lorem ipsum dolor
  • lorem ipsum dolor 1.98%–
  • POS lorem ipsum
  • lorem ipsum / lorem
lorem ipsum dolor sit
FOR TEAMS

lorem ipsum

¥1,480/lorem

lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

  • lorem ipsum dolor
  • lorem ipsum dolor 3.6%
  • lorem ipsum dolor
lorem ipsum dolor
05 / Buttons — Pill lorem

lorem ipsum dolor sit

lorem ipsum dolor sit
Primary CTA — Pill / #0066ff
lorem ipsum dolor(lorem)
Secondary — White Pill + Blue Text
lorem ipsum dolor →
Text Link — #0066ff
Pills / Badges
lorem ipsum dolor! lorem FREE NEW RECOMMENDED
06 / Forms

lorem ipsum dolor

Default — border #ebebe9 / radius 8px
Focus — border #0066ff / shadow 3px
Error — border #dc2626 / shadow 3px
07 / Elevation — lorem

Depth & Elevation

Level 0: Flat
lorem — lorem
Elevation 1
0 2px 8px rgba(0,0,0,0.06)
Elevation 2
0 8px 24px rgba(0,0,0,0.08)
Elevation 3
0 16px 40px rgba(0,0,0,0.10)
08 / Layout — Spacing & Radius

lorem ipsum dolor & lorem ipsum

Spacing Scale(8px lorem)
XS
4px
S
8px
M
16px
L
24px
XL
48px
XXL
80px
Border Radius Scale
Small
4px
Medium
8px
Large
16px
Pill
9999px