Skip to case study
All portfolio workApp concept · Food planningOpen experience
Independent concept projectFood planningReference measured · review required

Tablefolk

A cookbook-modern household system joining discovery, recipes, cook mode, weekly planning, pantry, shopping, collections, nutrition, and sharing.

Launch interactive experience Browse all 20 screens
Project type
Independent concept
Format
Browser-based app
Experience scope
20 connected screens
Industry
Food planning
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

A cookbook-modern household system joining discovery, recipes, cook mode, weekly planning, pantry, shopping, collections, nutrition, and sharing. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Household recipes, meals, pantry, and groceries

    The route architecture is organised around household recipes, meals, pantry, and groceries, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Tomato, oat, and basil cookbook editorial with ingredient-to-list motion, warm food imagery, paper cards, and communal details.

  3. 03

    Original asset plan

    Original recipe illustrations, licensed food photography, fictional ingredients and nutrition data, and CSS paper textures.

02 · Experience architecture

Navigate the complete app map.

Every named screen opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected screens

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

YouTube reference study

Reference record

The YouTube links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
A25 · ios
Studied
2026-08-13
Entry family
youtube-taste-entry
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original recipe illustrations, licensed food photography, fictional ingredients and nutrition data, and CSS paper textures. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • YouTube primary screen

    topic chip rail and vertical full-width media feed with compact channel metadata

    • Feed thumbnails span full width at 16:9
    • Metadata uses about 12 px inset under each image
  • YouTube alternate state

    chip filters preserve feed position; playback contracts to mini-player while actions stay route-addressable

    • Topic chips are approximately 32–36 px high
    • Five destinations use a lifted 44 px center create control

Explore Tablefolk from its first screen.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch Tablefolk