Skip to content
Library

GRAZA. Mediterranean deli counter, sunlit and hand-set.

  • Commerce
  • Light theme
  • 6 colors
  • 3 typefaces

Graza channels a sun-drenched Mediterranean deli counter — warm cream surfaces, an olive-dark ink that reads like aged wood, and occasional bursts of acid-green that feel like produce under fluorescent market lights. Typography carries a confident editorial weight: a typewriter serif does the conversational work while a condensed Garamond swoops in for oversized display moments. Color behaves like a produce aisle — the canvas is always warm and neutral, and the vivid greens appear as full-bleed section bands or small functional punctuation, never as chrome on chrome. Components stay spare and hand-set: pill buttons, hairline borders, gentle 20px image radii, and almost no shadow. The rhythm alternates between photographic full-bleed hero plates, text-only editorial spreads on solid color fields, and split text+image compositions. Nothing is grid-locked; whitespace and asymmetry do the work.

Screenshot of GRAZA
Captured from graza.co on October 11, 2026

GRAZA design system

GRAZA

Brand1

  • Green supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Accent2

  • Full-bleed section bands, highlighted text treatments — bright produce-shelf green that carries entire pages

  • Full-bleed editorial section bands, large decorative type wash — warmer sibling to EVOO Yellow-Green, carries hero-level moments

Neutrals3

  • Primary text, nav links, borders, button outlines, icon strokes — near-black with an olive undertone that keeps the page from feeling clinical

  • Secondary surface and warm contrast bands — slightly deeper than Linen Cream, used to break long pages and nest cards

  • Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Olive Ink on EVOO Yellow-Green

7.17 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.