Design Evolution Evidence
Evidence-backed milestones in the PopChoice interface and brand.
Timeline
-
Course exercise UI — Shipped in development (historical). The repository began as a Scrimba “Embeddings and Vector Databases” project. Commit
52c5b6eintroduced the first single-user form UI; the project origin remains stated inREADME.md. No archival screenshot is committed, so the old look should not be recreated. -
Figma Make code prototype — Shipped in development (historical). PR #206, whose source branch was
196-integrate-figma-make-interactive-prototype-and-deploy-to-railway, merged a new UI anddocs/design-guidelines.mdextracted from the prototype. This proves a prototype-to-code integration, not the contents or continued availability of the original Figma file. -
Current product UI — Shipped in development. The present landing, quiz, and result surfaces are implemented in
apps/web/src/appand browser-covered bylanding.spec.tsandrecommendation.spec.ts. The current design contract isDESIGN.md. -
Mascot and branding — Shipped in development. The popcorn mascot is an inline SVG with an interaction/confetti wrapper. PR #36 records the SVG and mascot interaction; current source lives under
components/Mascot. Anecdotal / unverified: the repository does not prove whether the mascot was redrawn in Figma or Affinity Designer. Ask the owner before naming a tool. -
Interactive poster hero — Shipped in development. PR #322 replaced a static cinema image with a moving TMDB poster grid, a local cache, placeholder fallback, and theme-aware overlays. Current evidence:
PosterBackground.tsxandHeroSection.tsx. -
Light and dark themes — Shipped in development. Theme support entered in PR #87 and remains expressed through current tokens, theme hooks, and theme-aware components. Evidence:
DESIGN.md,globals.css, andusePCTheme.ts. -
Living design-system/style-guide work — Anecdotal / unverified as a finished product surface. PR #326 added a living style guide. Current source exists under
app/design-system, but internal links still point to/style-guide, the public landing test explicitly expects noDesign Systemnavigation link, and no open tracking issue was found during this evidence pass. It is safe to say the repository contains ongoing design-system work; it is not safe to call the current route a finished public style guide without owner confirmation and browser QA.
Asset policy
Shipped in development. Current screenshots may document the current UI. Historical visuals must come from real commits, retained screenshots, or an owner-provided Figma file. Do not generate a fake “before” screen or infer an unrecorded design-tool workflow.