menu.memphis-menu-board · Menu board

A menu pattern from Memphis, 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.memphis-menu-board". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
One outlined surfaceAlt board on 2–11: a tilted title, then dishes as rows with name and description left and the price at step 2, heaviest weight, right; a squiggle closes the board.
Slots
title, menu[5..12]
Grid areas
board 2-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5FA2 · accent2 #9AAE00 · Bricolage Grotesque / DM Sans · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • For cafés, bars and bakeries. One board on surfaceAlt with a 3 px outline and hard shadow on 2–11: the title (h2) rotated −2°, then five to twelve dishes separated by dashed rules, each a row with the name (h4, heaviest weight) and a one-line description on the left and the price at step 2, heaviest weight, on the right; a squiggle in accent at the bottom. At phone width the board is full width.

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