Design System Preview
SAKE HUNDRED — lorem ipsum

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem + Optima lorem ipsum dolor sit amet consectetur adipiscing. computed style lorem ipsum dolor.

lorem ipsum dolor lorem ipsum dolor sit
01 / Colors

lorem ipsum dolor

Brand
Dark
#1c1b1b
CTA / lorem ipsum
Navy
#111c4d
lorem ipsum dolor
Text
Text Primary
#1c1b1b
lorem / lorem
Text Secondary
#6a6a6a
lorem / lorem
Surface & Background
Background
#f9f8f6
lorem ipsum(lorem ipsum dolor)
Surface
#ffffff
lorem ipsum dolor
Border
#cfcfcf
lorem ipsum
Semantic
Sale
#f94c43
lorem ipsum
Star Rating
#f6a429
lorem ipsum
02 / Typography — lorem

lorem ipsum dolor sit

lorem ipsum dolor — Section Title (h2, lorem)
lorem / 30px / 500 / line-height: 1.5 / letter-spacing: 0.033em / palt: loremlorem ipsum dolor
Limited Collection
Optima + lorem / 30px / 400 / line-height: 1.2 / letter-spacing: 0.033emlorem ipsum
lorem ipsum dolor sit amet consectetur — Sub Title (h2)
lorem / 21px / 500 / line-height: 1.57lorem ipsum
lorem ipsum dolor — lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet.
lorem ipsum Medium / 14px / 400 / line-height: 1.5 / letter-spacing: 0.033em / palt: loremlorem
Story
Optima / 14px / SC(Small Caps)/ CTA loremlorem ipsum dolor
03 / Collection — lorem ipsum

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor sit amet consectetur

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

Philosophy

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

04 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor
Outline (Primary)
lorem ipsum
Dark CTA
05 / Cards

lorem ipsum dolor

720ml

lorem -AMAIRO-

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

¥38,500(lorem)
720ml

lorem -BYAKKO-

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

¥38,500(lorem)
500ml

lorem -SHINSEI-

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

¥16,500(lorem)
06 / Forms

lorem ipsum dolor

lorem ipsum — border: #cfcfcf, radius: 0
lorem ipsum — border: #1c1b1b (Dark)
lorem — border: #f94c43 (Sale)
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem ipsum dolor(lorem)
Dark Section
lorem ipsum dolor sit
Navy Section
lorem ipsum dolor sit
08 / Layout

lorem ipsum dolor

Main Content 1200px
Article 560px
Product Grid Gutter 60px