Take-home · Prompt Lab
Tonight's menu, to go
Build a one-page tasting-menu site for a restaurant called [NAME], serving a fixed menu that changes [WEEKLY/SEASONALLY].
Art direction: celadon and porcelain. Ground the page in pale celadon green (#DEE6DA), with porcelain white panels (#FBFAF3), deep green-charcoal ink (#1F2B24), muted sage for captions (#7E9284), and aged brass (#8C6A1D) reserved for course labels, ornament rules, and the price column. Matte and calm: no gradients, no shadows, 1px hairline borders, square corners.
Type: Cormorant Garamond (500/600 and italic) for the restaurant name, dish names, and headings; Alegreya Sans for descriptions at 18px or larger with 1.6 line height; Red Hat Mono for course labels, metadata, and every price. Centered, ceremonial hierarchy: the serif does the romance, the mono does the bookkeeping.
Layout, top to bottom, one centered column around 880px:
1. Porcelain top bar: restaurant wordmark and two links.
2. Menu cover: a small-caps mono service line (service name, date), one thin double rule, the restaurant name in large serif, a two-sentence introduction, and a bordered mono meta strip (menu type, course count, seating time).
3. A framed photograph plate: overhead still life of empty porcelain on linen, celadon palette, with a centered mono caption.
4. Signature dish panel on porcelain: centered course label, dish name in serif, two-sentence description, and a bordered three-cell figure row (one number per cell with a mono label).
5. Courses: each course opens with a centered mono label inside a ruled divider, then dishes as rows: dish name in serif, a one-or-two-sentence description capped near 56 characters per line, a small pairing line, and a right-set brass mono price. One number per dish, nothing else in that column.
6. Close with a second photograph plate and a centered field-note card.
Readability guardrails: descriptions at 18px minimum, WCAG AA contrast for sage and brass text on their actual surfaces, no fake readable text inside photographs, descriptive link text, hover states on rows and links (150ms ease), and a reduced-motion media query. No script fonts, no parchment textures, no clip-art cutlery.
Serves well in v0, Figma Make, Lovable, Bolt, and Beaver Builder AI alike.