Spec file: specs/frontend/j2-plan-the-week.html — screen C1 with full planner spec: mobile phone frame, tablet frame, desktop 3-panel frame,…
Spec file: specs/frontend/j3-cook-tonight.html — screen B4 (KITCHEN CRITICAL) with mobile + desktop previews (identical layout), agent table with…
Spec file: specs/frontend/j3-cook-tonight.html — screen B2 with mobile (hero banner + stacked) + desktop (hero + 2-col ingredients/steps) previews,…
Spec file: specs/frontend/j1-add-recipe.html — screen B3 with mobile (single scroll) + desktop (split form + tags panel) previews, agent table, and…
Spec file: specs/frontend/j1-add-recipe.html — screen B1 with mobile (2-col grid) + desktop (4-col grid + filter chips) previews, agent table, and…
Spec file: specs/frontend/j6-household-setup.html — screen A4 with mobile + desktop previews, agent table, and LLM implementation guide.
Spec file: specs/frontend/j6-household-setup.html — screen A3/D3 with mobile + desktop previews (both onboarding and settings contexts), agent…
Spec file: specs/frontend/j6-household-setup.html — screen A2 with mobile + desktop previews, agent table, and LLM implementation guide.
Spec file: specs/frontend/j6-household-setup.html — screen A1 with mobile + desktop previews, agent table, and LLM implementation guide.
Spec references: Navigation and layout specs are embedded in each journey file. Key references:
- Sidebar + desktop layout: [
specs/frontend/j2-plan-the-week.html](../specs/frontend/j2-plan-th…
Spec references: All journey specs in specs/frontend/ depend on this design system. See any j*.html file for token usage examples.