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.

LUNCH design system
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
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











