Skip to content
Library

Monte. Rust-tinted coastal morning.

  • Brand
  • Light theme
  • 9 colors
  • 2 typefaces

Monte Café is a sun-baked coastal café language: a single dominant terracotta field floods the hero like rusted corten steel under a Newcastle morning, then dissolves into warm cream interiors and café photography. The design is built on two surfaces only — terracotta and cream — and a single serif face (Riposte) that does all the talking, from eyebrow labels to display headlines. Apercu Mono appears as small functional print for metadata, hours, and temperature. The mood is hand-drawn and human: line-art illustrations, curved headline text wrapping circular forms, pill-shaped ghost buttons, and generous breathing room. There are no shadows, no gradients, no decorative chrome — just ink, warmth, and white space.

Screenshot of Monte
Captured from montecafe.com.au on October 11, 2026

Monte design system

Monte

Brand2

  • Primary brand color — hero field, headline text, icon strokes, pill button borders, link accents. The defining rust-orange that makes every page read as Monte

  • Deep brand accent for SVG illustration fills and occasional link hover. Used sparingly as a deeper register of Corten

Neutrals7

  • Line-art illustration strokes, icon fills, inline pictograms. Pure black for hand-drawn elements on the cream canvas

  • Dark surface for badge backgrounds, occasional deep contrast blocks. A near-black warm brown

  • Muted helper text, secondary metadata, quiet body copy. Reads as a soft gray against Sandstone

  • Lowest-priority neutral — image metadata, placeholder tones. Sits behind Smoke in the hierarchy

  • Hairline borders, dividers, and card outlines. A barely-there neutral that separates without shouting

  • Primary canvas — body section backgrounds, card surfaces, text on terracotta fields. The warm cream that carries every page after the hero

  • Pure white for text on terracotta fields, button text, image overlays. Also appears as subtle borders

Try a pairing

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

Aa

Bone on Corten

5.14 : 1 contrast

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

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