lorem ipsum dolorSMALL GIFT, BIG SMILE

lorem ipsum, lorem ipsum dolor sit amet consectetur“lorem ipsum dolor”lorem ipsum dolor sit amet consectetur. 1960 lorem ipsum dolor, lorem ipsum dolor“lorem ipsum dolor”lorem ipsum dolor sit amet consectetur.

lorem ipsum →

ColorsPALETTE

PRIMARY
Sanrio Cyan
#8bd0dd
Cyan Mid
#71c6d6
Sanrio Pink
#e383a8
Sanrio+ Pink
#e83767
CATEGORY THEME
Character
#8bd0dd
Goods
#e383a8
Movie
#cda1dc
Digital
#f2d36b
Spot
#91dea9
News
#f08080
SURFACE
White
#ffffff
Cyan Lightest
#f0f9fa
Cyan Light
#e2f2f7
Pink Light
#fdf5fa
Gray Light
#f7f7f7
Text Main
#777777

TypographyFONTS

Noto Sans JP lorem ipsum dolor sit. lorem line-height 1.8 / letter-spacing 0.125em. lorem ipsum 0.08–0.12em lorem ipsum dolor sit amet consectetur.

H2 / 22.5px / 700 / 1.2 / 0.083em
Characters lorem ipsum dolor
Sub H2 / 20px / 500 / 1.5 / 0.12em
lorem ipsum dolor sit lorem ipsum dolor
H3 / 17.55px / 700 / 1.2 / 0.107em
lorem ipsum dolor sit amet consectetur
Sub H3 / 15px / 500 / 1.53 / 0.12em
lorem / lorem ipsum dolor♡“lorem ipsum dolor lorem ipsum dolor sit”
Notice / 14px / 700 / 1.2 / pink
lorem ipsum dolor
Body / 15px / 400 / 1.8 / 0.125em
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit sed do. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.
Card Caption JP / 12px / 700 / 1.2
lorem ipsum
Card Caption EN / 11px / 700 / pink
POCHACCO
NEWS

lorem ipsum dolor sit amet, lorem ipsum

2026.05.07 / IMPORTANT

lorem 41 lorem ipsum dolor sit amet consectetur lorem ipsum dolor sit

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

2026.04.28 / GOODS

lorem / lorem ipsum dolor“lorem ipsum dolor lorem ipsum dolor sit”lorem

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.

ButtonsPILL CTAs

CATEGORY TOP CTA — lorem ipsum dolor(80px)
lorem ipsum dolor TOP lorem TOP lorem ipsum TOP lorem ipsum TOP lorem ipsum TOP lorem ipsum TOP
MEGA PILL（145px radius）
lorem ipsum →
OUTLINE PILL（55px radius）
lorem ipsum
FILTER TAB
lorem lorem ipsum dolor lorem ipsum dolor lorem ipsum
SEARCH BAR

Character CardsCARDS

lorem ipsum dolor
HELLO KITTY
lorem ipsum dolor
MY MELODY
lorem ipsum dolor
POMPOMPURIN
lorem ipsum dolor
KEROKEROKEROPPI
lorem
KUROMI
lorem ipsum dolor
CINNAMOROLL

FormsINPUT

lorem ipsum dolor sit amet consectetur

ElevationSHADOW

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

Level 0 — Flat
Level 1 — Card
Level 2 — Modal
Page Top
300px circle

LayoutGRID

lorem ipsum dolor sit 4–8 lorem / lorem ipsum 3–4 lorem / lorem ipsum 1 lorem. max-width 1200px.