Warming up the kitchen…
Warming up the kitchen…
Cheffy's look: paper-warm neutrals, an appetizing ember accent, a soft serif for headlines, and Apple-soft elevation. Everything below is driven by tokens in globals.css.
Foundations
Canvas
--color-canvasSurface
--color-surfaceSurface muted
--color-surface-mutedLine
--color-lineLine strong
--color-line-strongColor
Accent
--color-accentAccent hover
--color-accent-hoverAccent soft
--color-accent-softHerb
--color-herbHerb soft
--color-herb-softColor
Each tag kind in the database maps to a tone, so boards and filters stay legible at a glance.
Type
Components
Components
The default surface for content blocks.
Hover me — lifts with a soft shadow.
Dashed outline for empty states.
Components
Foundations
xssmmdlgFoundations
smmdlgxl2xlPatterns
Recurring motifs built from the primitives above — reuse these so the board, planner, AI capture, and household pages stay coherent.
Board canvas card
Draggable mini recipe card on a faint dot-grid canvas.
Cacio e pepe
Plan slot chips
A planned meal in a day column, with a remove affordance.
AI affordance surface
The accent-soft card signals an AI-powered action (recipe capture). Use it sparingly, only where AI is front-and-centre.
Member row
Household members — avatar with initial fallback + role badge.