100 lorem ipsum dolor, lorem ipsum dolor

lorem ipsum
lorem ipsum dolor

DAISO lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor computed style lorem ipsum dolor, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor lorem ipsum dolor sit

01 / Colors

lorem ipsum dolor

Brand

Brand Pink

#f2157f

lorem ipsum dolor / CTA lorem / lorem / lorem

Brand Pink Hover

#d91070

lorem ipsum dolor sit

Neutral

Text Primary

#333333

lorem ipsum dolor / lorem ipsum dolor

Text Secondary

#666666

lorem ipsum dolor / lorem

Text Helper

#999999

lorem ipsum dolor / lorem ipsum dolor

Border

#e0e0e0

lorem ipsum / lorem ipsum

Light Gray Surface

#f3f3f3

lorem ipsum dolor / lorem ipsum

White

#ffffff

lorem ipsum / lorem ipsum

Overlay

Dark Overlay

rgba(17,17,17,0.5)

lorem ipsum dolor / lorem ipsum dolor

Semantic

Danger

#dc2626

lorem / lorem ipsum dolor sit

Success

#16a34a

lorem / lorem ipsum

Warning

#d97706

lorem / lorem ipsum

02 / Typography

lorem ipsum dolor sit

lorem ipsum, lorem ipsum dolor.

48px / 900 / line-height 1.3 / letter-spacing 0.12emHero H1

lorem ipsum dolor sit — Display H2

32px / 900 / line-height 1.3 / letter-spacing 0.12em

lorem ipsum dolor — Section Title (H2)

22px / 900 / line-height 1.0 / letter-spacing 0.12emlorem

lorem ipsum dolor sit — Card Title (H3)

16.5px / 700 / line-height 1.0 / letter-spacing 0.085emlorem

lorem ipsum dolor — lorem ipsum“lorem ipsum dolor, lorem ipsum dolor. ”lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum, lorem, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor.

17px / 500 / line-height 1.59 / letter-spacing 0.165emlorem

UI lorem ipsum — lorem ipsum dolor / lorem ipsum dolor

15px / 500 / line-height 1.0 / letter-spacing 0.04embody lorem

lorem ipsum dolor — 14px lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing. lorem #666666.

14px / 500 / line-height 1.6 / letter-spacing 0.085em / color #666666

Small — lorem / lorem ipsum / lorem. ※ lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur.

12px / 500 / line-height 1.5 / letter-spacing 0.04em / color #999999

03 / Article — lorem ipsum dolor

lorem ipsum dolor

lorem ipsum dolor, lorem ipsum dolor.

lorem ipsum dolor sit 4,000 lorem ipsum dolor, lorem ipsum dolor 100 lorem ipsum dolor. lorem ipsum dolor, lorem, lorem, DIY lorem ipsum, lorem 76,000 lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor

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

lorem ipsum dolor sit amet

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

lorem ipsum dolor sit amet:lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. lorem 11,000 lorem ipsum dolor.

※ lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum 100 lorem(lorem 110 lorem)lorem ipsum dolor sit amet.

04 / Buttons — Flat / No Radius

lorem ipsum dolor sit

lorem ipsum dolor

Primary — bg #f2157f / radius 0px

lorem ipsum dolor sit

Secondary — border #f2157f / radius 0px

lorem ipsum dolor sit

Disabled — bg #e0e0e0

Small Buttons

lorem ipsum

Small Primary

lorem ipsum

Small Secondary

Tags / Badges

NEW lorem ipsum lorem ipsum lorem SALE

05 / Cards — lorem ipsum

lorem ipsum dolor

🌸

NEW