Tastingbook UI demo DEMO_ONLY · mock data · not production

Tastingbook Home UI — two design tracks

Two candidate directions for the Tastingbook UI modernisation. Both tracks render the same Tastingbook content, the same components and the same state transitions; only the visual skin differs. All interactions are in-memory — nothing is written anywhere.

RECOMMENDED ENTRY

Preview viewer

Single or Compare mode. Choose page (Home / Wine detail / Top wines / Components), skin (Classic / App DNA) and viewport (375 / 820 / 1440 / 1920).

Open viewer

V3 PLATFORM

All pages and states

Four pages per skin, plus a shared interactive component showcase: dialogs, validation, dropdown, autocomplete, tabs, toasts and loading / empty / error states.

Track overview Side-by-side V2 vs V3

BASELINE

V2 baseline

The earlier two-track Home-only iteration, kept unchanged for regression comparison.

Open V2 baseline

TB-CLASSIC: light canvas, TB-red accent in approved sites, outlined buttons, D11 square corners. TB-APP-DNA: dark editorial, gold accents, sidebar and bottom navigation — DEMO_ONLY / PROPOSED. Mock content only; no database, no authentication, no writes.