Design System Preview
LOWYA --- Furniture & Interior

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor, lorem ipsum dolor sit amet, lorem ipsum dolor sit amet EC lorem ipsum. computed style lorem ipsum dolor.

lorem ipsum DESIGN.md lorem
01 / Colors

Color Palette

Brand
Black
#000000
lorem ipsum dolor / CTA
Cyan Accent
#05c5f5
lorem / lorem ipsum
Text
Text Primary
#000000
lorem / lorem
Text Body Alt
#111820
lorem ipsum dolor
Text Secondary
#666666
lorem / lorem
Text Muted
#cccccc
lorem ipsum dolor
Semantic
Badge Red
#ff4e48
NEW / HOT lorem
Badge Red Surface
#ffedec
lorem ipsum dolor
Surface & Border
Background
#ffffff
lorem ipsum
Placeholder
#eeeeee
lorem ipsum dolor sit
Border Primary
#000000
lorem / lorem (2px)
Border Input
#999999
lorem ipsum dolor
02 / Typography

Type Hierarchy

LIVING COLLECTION --- lorem ipsum dolor sit
Open Sans + Noto Sans JP / 24px / 900 / line-height: 1.5lorem ipsum dolor H2
MENU
Open Sans / 28px / 600 / line-height: 1.0 / letter-spacing: 2px / color: #cccccclorem ipsum dolor
lorem ipsum dolor
Noto Sans JP / 16px / 700 / line-height: 1.5lorem ipsum dolor sit
SOFA --- lorem
Open Sans + Noto Sans JP / 16px / 900 / line-height: 1.5lorem ipsum dolor
lorem ipsum
Noto Sans JP / 14px / 700 / color: #05c5f5lorem ipsum dolor
lorem ipsum dolor sit amet consectetur
Noto Sans JP / 14px / 400 / line-height: 1.5lorem ipsum dolor
3 lorem ipsum dolor sit lorem ipsum dolor lorem ipsum
Noto Sans JP / 12px / 400 / letter-spacing: 0.5px / color: #666666lorem
lorem ipsum dolor
Noto Sans JP / 12px / 400 / line-height: 1.5lorem
lorem ipsum dolor(body lorem ipsum dolor 10px)
Noto Sans JP / 10px / 400 / line-height: 1.5Body Small (base)
¥29,990 (lorem)
Open Sans / lorem ipsum / 700lorem
03 / Product

Product Cards

NEW
▢
3 lorem ipsum dolor sit lorem ipsum dolor lorem ipsum lorem ipsum dolor
¥39,990 (lorem)
HOT
▢
lorem lorem 120cm lorem ipsum dolor lorem ipsum lorem ipsum dolor
¥19,990 (lorem)
▢
lorem ipsum lorem 180cm lorem ipsum lorem ipsum lorem ipsum dolor
¥24,990 (lorem)
lorem ipsum
NEW
▢
lorem ipsum dolor sit 4 lorem lorem lorem ipsum lorem 140cm
¥29,990 (lorem)
04 / Buttons

Button Variations

lorem ipsum dolor
Primary (Black)
lorem ipsum dolor
Secondary (White)
lorem ipsum dolor
Contact (Muted)
lorem ipsum
Nav Active
lorem
Nav Inactive
lorem ipsum
Nav Inactive

lorem ipsum dolor border-radius: 0px(lorem ipsum dolor sit). pill lorem ipsum dolor. lorem ipsum 2px solid lorem.

05 / Cards

Content Cards

lorem ipsum dolor sit amet consectetur

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

lorem ipsum

lorem ipsum dolor sit amet

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

lorem ipsum

lorem ipsum dolor sit amet

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

lorem ipsum
06 / Forms

Form Elements

lorem ipsum --- border: 1px solid #999999, radius: 3px
lorem ipsum --- border: 1px solid #000000
lorem ipsum dolor sit amet consectetur
lorem --- border: 1px solid #ff4e48
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem. LOWYA lorem ipsum
Level 1
lorem ipsum dolor(lorem)
Level 2
lorem ipsum dolor / lorem ipsum dolor
Level 3
lorem ipsum / lorem ipsum
Border Emphasis
2px solid #000000 --- lorem ipsum dolor sit amet consectetur

LOWYA lorem ipsum dolor sit amet. lorem ipsum 2px solid lorem ipsum dolor sit amet.

08 / Layout

Spacing & Grid

Spacing Scale
4px
8px
16px
24px
32px
48px
64px
Content Widths
Full Width (Hero) 100%
Product Grid (4-col) ~1200px
Content Area ~940px
Grid

lorem ipsum: 4 lorem ipsum(lorem ipsum dolor)/ 2 lorem(lorem ipsum)
lorem ipsum: lorem ipsum dolor / lorem ipsum dolor
lorem ipsum: lorem ipsum dolor