Foundations

Style guide

Tokens and primitives for the storefront. Contrast ratios are measured against the paper ground.

Palette

Ground

--paper#F5F1E8page ground

--paper-lift#FBF9F4cards, raised

--paper-sink#EFEADFfooter, wells

Text

--ink#23201B14:1

--ink-soft#6B64595.3:1

--ink-faint#9A9184non-text only

Gold — identity

--gold#CE91346.0:1 with ink

--gold-deep#BC8129hover, rules

--gold-ink#95601F4.7:1 text

--gold-wash#F4E9D6badge fill

Juniper — action

--juniper#3D4F3C8.3:1 with lift

--juniper-deep#32402Fhover

--juniper-wash#E7EBE3badge fill

Glacier — provenance

--glacier#4E7C77icons, rules

--glacier-ink#3F65605.8:1 text

--glacier-wash#E4EDEBbadge fill

Lines

--hairline#DED5C4default

--hairline-firm#CFC4AEinputs, pills

Type

Inter Variable. Hierarchy comes from scale, tracking and space — not from a display face.

display

Ghizer Gold

h1

Our Products

h2

Nature’s Energy Bites

h3

Premium Almonds

body

Rich in nutrients, full of flavour and packed with goodness from the Ghizer valley.

small

Delivered across Pakistan

eyebrow

Gifting & Combos

price

Rs. 2,450

Buttons

No arrows. Labels carry the meaning.

Pills

Badges

Best Seller100% NaturalGhizer Sourced500g

Surfaces

--sh-1hairline lift

--sh-2cards

--sh-3overlays

.glassfixed surfaces only

.glass-panelin-flow panels