Skip to content

Work / Babul / Wiki / Entities

example-northwind

Entitycanonicalverified 2026-10-23

DEMO.NORTHWIND

Northwind — the example every new screen draws

Summary

The redesigned screens, the docs' screenshots and the landing page all draw one company, Northwind. Change a value here first, then the screens. The seed writes it too: packages/db/seed/northwind.ts.

Canonical values

  • Company Northwind, a clothing shop at northwind.shop. Products Northwind Web (main v0.4.2, the one every screen shows), Northwind App (main v0.2.0), Northwind Emails (main v0.0.3). Plan Team, 3 seats, yearly.
  • Captured at Web and Mobile, a separate design per size; stack React + Tailwind; roles Open and Customer.
  • Pages Open: Home, Collection, Product, Cart, Checkout, Order placed, About · Auth: Sign in · Customer: Account, Order history, Order detail, Addresses.
  • Found 12 pages (Open 7, Auth 1, Customer 4), 31 components, 48 tokens (24 colours, 9 type, 8 spacing, 4 radius, 3 shadows), 27 icons, 11 links.
  • Scores Consistency 86, Accessibility 72, Match to main 94; 14 fixes.
  • People Ritesh — Owner (RS, accent) · Ananya — Can merge (AK, brand) · Kabir — Can edit (KB, info) · Meera — Can view (MJ, warn).
  • Story main v0.4.2 → Ananya commits 2 changes (brand/500 Pay button, promo code field) as new-checkout → Kabir commits a full-width Pay button on mobile on top (2 commits, 3 changes) → Kabir merges radius-fix (v0.4.3) → one radius conflict, branch kept → Verify 96 against staging → merged as v0.5.0 (Minor).
  • Components 31 in six groups: Actions 3 · Forms 6 · Commerce 9 · Navigation 6 · Feedback 5 · Layout 2. ProductCard is the one drawn: variants Default and Sold out; Pressed and Disabled not needed; Loading and Error not made.
  • Versions of main v0.0.1 First capture (Oct 2) · v0.1.0 Styles cleaned · v0.2.0 Order history pages (Oct 6) · v0.3.0 Sold out variant (Ananya, Oct 8) · v0.4.0 Account pages (Oct 9) · v0.4.1 (Kabir, Oct 12) · v0.4.2 Shorter product titles (Oct 15).
  • Northwind Emails was started blank. Its empty states show it on that day, at v0.0.1.
  • Other branches pricing-copy (Ritesh, ready), dark-mode (Kabir, 6 commits, Verify 81).
  • AI 112 of 150 actions this month.

Related