UI kit for the kitchen screens (landscape 1920×1080) — a dark, high-contrast theme for at-a-distance reading. Foundations and components will live here, built on the global tokens and restyled for the kitchen.
Full palette — grey · text · system (green/red/orange/blue/purple/brown/cyan) · white. Light + dark.
Open colors →App tokens (background · surface · text · icon · status · border · primary + gradient). Light + dark · same Token | Light | Dark layout.
Open tokens →Mazzard H · same scale & structure as the general DS (h1–h6 · subtitle · body · caption · overline, lh 150%).
Open type →Food line-art pattern (theme-aware via mask). Used full-bleed on the splash / launch screen.
Open SVG →Atom — base .btn + sizes (34/40/32) + variants (gradient · slate · success · danger). Reused by Header & Order card.
Open button →Top bar 1404×64 — gradient buttons · tabs + count badges · clock · filter/wifi icons + intro variant.
Open header →The core ticket — atoms (badge · buttons · slot · action) → molecules (product ×3) → organism (full card). 272px.
Open card →Product with modifier selections in the content — each is title (secondary) → description (primary): “Ölçü seçimi → Kiçik ölçü”. 1:1 from spec.
Open modifier →340×49 field · 9 states (default · filled · focus · disabled · error ×3 · success ×2). Light-first, dark auto-swaps. Inter.
Open input →376px field · 7 states × 3 sizes (56/52/48) + 4 opened dropdowns (search / multiselect). Interactive.
Open select →Header (no · source · timer), item rows with modifiers, bump action.
PlannedAuto-fill grid, station tabs, counts, recall.
Planned