menu.midcentury-diner-board · Diner board

A menu pattern from Mid-Century Modern, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="menu.midcentury-diner-board". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A title row with a starburst on the right, then dishes two per row across the grid: name and a small description on the left, the price in orange on the right.
Slots
title, menu[6..12]
Grid areas
header 1-12 · dishes 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F3E9D6 · text #2B231B · heading #2B231B · accent #C9552A · accent2 #0099BE · League Spartan / Jost · radius 20px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A title row across the grid with an orange starburst at its right end. Dishes two per row, each a row with a bottom rule: name (h4) and a muted description on the left, the price (h4, orange link colour) on the right.

Services

Discovery sprint

Interviews and audit

2 wk

Identity

Logo to motion

8 wk

Website

Design and build

10 wk

Retainer

Two days a week

Ongoing

Discovery sprint

Interviews and audit

2 wk

Identity

Logo to motion

8 wk