Design System Preview: KURAND(lorem ipsum)

01

Colors

Gold Dark#8d6941

Gold Medium#b79862

Near Black#111111

Dark Brown#2b281e

Gray Mid#6e7781

Border#d0d7de

Surface Gold#f7f5ef

Surface Warm#f9f5ed

White#ffffff

Sold Out#e81903

02

Typography

Section Title
Zen Kaku Gothic New 700
22px / gold

lorem ipsum dolor

Featured
Zen Kaku Gothic New 700
22px / black

lorem ipsum

H4 Card Title
Noto Sans JP 700
18px

lorem ipsum No.54 Re

Nav Section
Noto Sans JP 700
15px

lorem

Body
Noto Sans JP 400
15px

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

Card Sub
Noto Sans JP 700
14px

【lorem 30%OFF】SSR lorem 2 lorem!lorem ipsum dolor sit

Tag
Noto Sans JP 700
13px / gold

lorem ipsum

CTA
Noto Sans JP 700
12px

lorem ipsum

Sold Out
Noto Sans JP 700
24px / red

SOLD OUT

03

Article

lorem ipsum lorem

lorem ipsum dolor sit amet consectetur

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

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

lorem ipsum

04

Buttons

lorem ipsum lorem ipsum dolor lorem ipsum lorem ipsum! lorem ipsum

lorem ipsum dolor sit amet consectetur

Tags