Screen mockups
Rebuilt faithfully in the EatCookJoy v5 design system from the provided mock — Instrument Serif headlines, the sour-orange voice, the five-flavour taste palette, and the concentric "plate" blobs.
levantine home cookingfollowing
gulf grills & mandifollowing
veg-forward · allergy-safe+ follow
An assistant that lives where you live
The Client App is the consumer side of EatCookJoy. It centres on an ambient cooking assistant that plans meals, answers cooking questions and books chefs on the user's behalf. Around that assistant sit the working surfaces from the founder note: a smart Kitchen, Grocery, Chefs and Menus with favourite creators.
design principles
- Assistant-first. The conversation is the primary surface — most journeys start by asking, not navigating.
- Ambient, not another tab. Present in the OS — lock screen, widgets, Live Activities, Siri.
- Grounded in your kitchen. Plans and lists reference what the household actually has and prefers.
- Warm & editorial. Paper-warm, confident serif voice, playful taste palette — human, never sterile.
- Trust around food safety & money. Dietary needs, allergies and chef pricing are always unambiguous.
2 · Scope
| Feature | What it covers | Spec | Priority |
|---|---|---|---|
| Cooking assistant | Conversational: plan meals, handle cooking FAQs, make bookings on the user's behalf. | 4.2 | P0 |
| Kitchen | Track what's in the kitchen; grocery optimization & lists; add items. | 4.3 | P0 |
| Grocery | The optimized shopping list from kitchen + meal plan, aisle-sorted. | 4.4 | P1 |
| Chefs | Discover and book vetted local chefs with a match score and flat pricing. | 4.5 | P1 |
| Menus | Browse and collaborate on menus. | 4.6 | P2 |
| Favourite creators | Follow creators; their recipes surface by default. | 4.7 | P2 |
Out of scope this pass: the chef-side app (separate spec), payments/checkout beyond confirming a booking, full creator monetization, hardware/smart-fridge sensing, and OS surfaces (specced separately in §6).
4 · Screen specifications
4.2 cooking assistant — home
The heart of the app — a warm chat with the smiling-pot avatar, a serif greeting, and starter chips. Three core jobs: plan meals (a day or week around what's about to expire, respecting diet/time), handle FAQs, and make bookings in-thread. Rich tool cards (week plan, grocery list, chef match, pantry snapshot, memory) render inline, each with action chips. Money actions get an explicit inline confirm card.
4.3 kitchen
A living picture grouped by Fridge / Freezer / Pantry / Counter, with per-item quantity and a freshness dot (fresh / use-soon / almost-out), a "use this week" highlight, search and near-zero-effort quick-add. The kitchen is the input; Grocery (4.4) is the output.
4.4 grocery
"What we're cooking" minus "what we have" → an efficient aisle-sorted list with a running AED total, check-offs, and a send-to-store handoff (Carrefour / delivery). A one-handed shopping mode with large check targets.
4.5 chefs
Hand a meal to a vetted chef with transparent flat pricing. "Your regular" with shared history, plus discovery with a match score, cuisine, honoured constraints (halal-certified, allergy-aware), rating, rate (e.g. AED 220/pp) and what's included. Never surface a chef who can't meet a hard constraint. Booking is an explicit money confirmation → handoff to Live Activity tracking.
4.6 menus & 4.7 favourite creators
Browse and collaborate on menus (household-first; chef-collab as fast-follow). Follow favourite creators so their recipes bias the assistant's planning and the Menus surface by default — v1 is "follow + surface," not a full creator platform.
Ambient & OS surfaces
The mock makes a strong case that the assistant lives beyond the app — these reinforce "ambient, not another tab," scoped after the core in-app loop.
- Live Activity / lock screen — a confirmed booking counts down the chef's arrival ("chef lucia · 47 min out") and opens the thread in one tap.
- Widgets, Dynamic Island, Siri / App Intents — "what's for dinner", a plan glance, and booking status without opening the app.
Design system — from the v5 mock
The visual language is already built. These tokens are the source of truth; the mockups above are rendered directly from them.
Taste palette
Surfaces & ink
Type & shape
Instrument Serif — “hand it off.”
Manrope — body & UI, tight tracking on bold display weights.
JETBRAINS MONO — LABELS · EYEBROWS · METADATA
Radii 12 / 18 / 24 / 28px · the smiling-pot mascot as the assistant avatar · concentric "plate" blobs in taste-palette colours for categories & chef avatars · a defined haptic vocabulary for key moments.
8 · Build priority
- P0 — Cooking assistant (4.2) & Kitchen (4.3). The assistant is the product; the kitchen grounds it.
- P1 — Grocery (4.4) & Chefs (4.5). The two payoffs: shop efficiently, or hand it off.
- P2 — Menus (4.6) & Favourite creators (4.7).
- North star (separate track) — ambient / OS surfaces (§6).
Demo/concept report · Client App v0.1 · companion to the Chef App (B2B) spec · May 24, 2026. Next step: decide scope, then build the website, app and backend with Claude Code. Mockup data is illustrative.