Sghr lorem ipsum

lorem ipsum dolor sit amet consectetur,
lorem ipsum dolor sit

lorem ipsum dolor, 1932 lorem ipsum dolor, 90 lorem ipsum dolor sit amet consectetur adipiscing elit.

COLORS
lorem ipsum dolor
Text Primary
#505f6e
Link / Steel Blue
#7495a6
Nav Text
#333333
Text Muted
#666666
Footer
#8c8c8c
CTA Background
#b2b2b2
Background
#ffffff
Surface
#fafafa
TYPOGRAPHY
lorem ipsum dolor

Sghr ONLINE SHOP

Display EN (Larsseit → DM Sans) — 36px / weight 400 / line-height 1.5 / letter-spacing 0.06em

COLLECTION

Heading EN — 32px / weight 400 / line-height 1.5 / letter-spacing 0.06em

lorem ipsum

Heading JP — 28px / weight 400 / line-height 1.5 / letter-spacing 0.03em

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit

Heading 3 — 24px / weight 400 / line-height 2.0 / letter-spacing 0.035em

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

Body — 15px / weight 400 / line-height 2.0 / letter-spacing 0.056em

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

Caption — 12px / weight 400 / line-height 2.0 / letter-spacing 0.06em

Sghr

Logo — 18px / weight 700 / line-height 1.0 / color #7495a6
PRODUCTS
lorem ipsum dolor
Glassware

duo lorem ipsum dolor

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

Glassware

lorem lorem

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

Glassware

A WA GLASS

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

BUTTONS
lorem
lorem ipsum dolor sit
Primary CTA (rectangle, grey)
lorem ipsum dolor sit
Text Link (steel blue)
Carousel Dots
FORMS
lorem ipsum
Default
Focus
LAYOUT
lorem ipsum dolor
8px
15px
30px
48px
80px
120px