Graza 2
www.graza.coThe reference for a warm, loud DTC food brand that runs entirely on a typewriter serif (GT Alpina Typewriter) and a condensed display serif (ITC Garamond Condensed) over a bone-cream #F6E6D9 canvas, with an acid-lime #D1E030 pill CTA doing all the shouting.
Consumer Brand flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- ITC Garamond Condensed
- body
- GT Alpina Typewriter
- mono
Do / Don't
Reference it for
- The cream/bone page canvas: --color-background #F6E6D9 with body ink --color-text #3C422E (olive-drab, not black), a distinctive warm-neutral pairing that reads as food-not-tech
- Acid-lime brand accent --color-brand #D1E030 reserved almost entirely for the pill button; secondary #FBD535 (marigold) and stroke green #9FCD7A support it
- Two-serif system: display headlines in ITC Garamond Condensed (--font-heading) at 72-120px with tight negative tracking (-2.16px, -3.6px), body/UI set in GT Alpina Typewriter monospace-serif at 16px
- Full-bleed video/photo hero with the headline bottom-left as an overlay, no card, letting the product footage carry the frame
- Pill CTA geometry: 9999px / 30px border-radius, lime fill, olive-drab #3C422E text, small tracked caps label 'SHOP NOW'
- GT Alpina Typewriter uppercase micro-labels ('THE DO-IT-ALL SET', 'NOT YOUR AVERAGE CHIP') as playful section kickers above condensed-serif headlines
- Alternating product feature blocks (Trio / chips / glass) each with a caps eyebrow, a big condensed headline, one line of copy, and a pill CTA
- The three-oil product row ('Drizzle' / 'Sizzle' / 'Frizzle') with price, size chip (500 ML), taste-note tag (PUNCHY / MELLOW / NEUTRAL) and a one-line use case
Do not copy
- The GRAZA wordmark and the squeeze-bottle-with-yellow-cap product design
- The exact lime+cream+marigold palette as a set (it is unmistakably Graza)
- The licensed retail typefaces GT Alpina Typewriter and ITC Garamond Condensed (buy them or substitute)
- The 'Drizzle / Sizzle / Frizzle' product names and taste-note tags
- The specific hero footage of hands squeezing the bottle and real people
- Brand-voice lines like 'makes everything better', 'made for eating, never heating', and the olive fun-facts
- The hand-drawn olive-and-oil bottle illustration motif