Design System Preview
FELISSIMO — lorem ipsum

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor #00a1e0 lorem ipsum dolor sit amet consectetur EC lorem ipsum. computed style lorem ipsum dolor.

lorem ipsum dolor sit DESIGN.md lorem
01 / Colors

lorem ipsum dolor

Brand
Felissimo Cyan
#00a1e0
lorem ipsum / CTA
Light Cyan
#7ed0ee
lorem ipsum dolor
Link Blue
#0070d2
lorem ipsum dolor
Text
Text Primary
#202020
lorem ipsum dolor
Text Menu
#444444
lorem ipsum dolor
Text Dark
#222222
lorem ipsum dolor
Text Muted
#999999
lorem ipsum dolor
Text Light
#bbbbbb
lorem ipsum
Surface & Background
Background
#ffffff
lorem ipsum
Section (Greige)
#edece2
lorem ipsum dolor
Light
#f9f9f9
lorem ipsum dolor
Border
#cccccc
lorem ipsum
Search Button
#777576
lorem ipsum
Semantic
Success
#008827
lorem / lorem
Danger
#cc0000
lorem / lorem
Warning
#ffc107
lorem
02 / Typography — lorem

lorem ipsum dolor sit

lorem ipsum dolor — Section Title (h2, 24px)
lorem ipsum / 24px / 700 / line-height: 1.2 / palt: loremlorem ipsum dolor
lorem ipsum dolor — lorem ipsum dolor, lorem, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing.
lorem ipsum / 16px / 500 / line-height: 1.5 / palt: loremlorem
lorem ipsum dolor sit amet — Footer Heading (15px)
lorem ipsum / 15px / 700 / line-height: 1.3lorem ipsum dolor
lorem ipsum — Category Title (13px)
lorem ipsum / 13px / 700 / line-height: 1.2lorem ipsum
lorem ipsum — Tagline (12px)
lorem ipsum / 12px / 500 / color: #bbbbbblorem ipsum
FELISSIMO
Dosis / 22px / 600 / lorem ipsum dolorlorem ipsum dolor

lorem ipsum dolor

lorem lorem ipsum dolor lorem ipsum lorem lorem ipsum DIY lorem ipsum dolor
03 / Product — lorem ipsum dolor

lorem ipsum dolor sit amet

lorem ipsum dolor sit amet

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

lorem ipsum dolor

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

04 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor sit
Primary (Cyan)
lorem ipsum
Outline
Search
lorem ipsum
Danger
05 / Cards

lorem ipsum

Image
el:ment

lorem, lorem, lorem. lorem ipsum, lorem ipsum.

¥3,850(lorem)

Image
Couturier

lorem ipsum dolor sit amet lorem ipsum

¥1,980(lorem)

Image
THREE FIFTY STANDARD

lorem ipsum lorem ipsum dolor sit

¥5,390(lorem)

Image
YOU+MORE!

lorem ipsum dolor sit amet consectetur lorem ipsum dolor

¥3,300(lorem)

06 / Forms

lorem ipsum dolor

lorem ipsum — border: #cccccc, radius: 4px
lorem ipsum — border: #00a1e0 (Felissimo Cyan)
lorem — border: #cc0000 (Danger)
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem ipsum dolor(lorem ipsum dolor)
Section (Greige)
#edece2 lorem ipsum dolor
Section (Light)
#f9f9f9 lorem ipsum dolor
Search Overlay
rgba(255,255,255,0.7)
08 / Layout

lorem ipsum dolor

Container 1200px
Content Area 940px
Article 620px