Skip to content
Library

LUNCH. Velvet runway on warm parchment.

  • Commerce
  • Mixed theme
  • 4 colors
  • 2 typefaces

LUNCH CONCEPT reads as a printed fashion editorial dropped onto the web: one full-bleed dark photographic hero where the brand wordmark appears as oversized 3D chrome text, followed by a calm, catalog-like product gallery on warm parchment. The page alternates between cinematic confrontation and quiet restraint — the hero assaults, the body section whispers. A single muted lavender surfaces only on the announcement bar, the 'Sold Out' state, and the footer, acting as a brand period rather than a shout. Typography is overwhelmingly one custom sans-serif (Good Sans) at modest sizes, with the hero wordmark as the singular moment of typographic spectacle. Interaction is text-link only: no filled buttons, no gradients, no decorative chrome beyond the hero's 3D logotype.

Screenshot of LUNCH
Captured from lunchconcept.com on October 11, 2026

LUNCH design system

LUNCH

Brand1

  • Violet wash for highlight backgrounds, decorative bands, and soft emphasis behind content

Neutrals3

  • All body text, navigation text, link borders, card borders, and badge borders — the structural linework of the entire interface

  • Page and section backgrounds in the editorial/product area — the calm canvas against which the product photography sits

  • Navigation text color over the dark hero, subtle surface variant and hairline borders — a warmer alternative to pure white for the dark-section UI

Try a pairing

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

Aa

Ink Black on Lilac Veil

9.70 : 1 contrast

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

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