Graza 2

www.graza.co

The 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