Files
recap/design/inspiration/README.md
T
Keysat 1741fb11a5 Add design/ contract extracted from the as-built UI
Inventory the as-built recaps.cc look and distill it into a durable,
vendor-neutral design contract: design/DESIGN.md (nine-section brand
brief) + design/tokens.tokens.json (W3C DTCG tokens), plus brand icon
and provenance notes. Canonical calls reconciled with the owner:
indigo #818cf8 as the single interactive accent, purple #a855f7 for
premium only, the #0a0e1a->#111827->#0f172a surface ladder, and a
normalized type scale. Wire the AGENTS.md Design line and record the
contract-vs-code drift as a cleanup backlog in ROADMAP.md.
2026-06-16 23:08:41 -05:00

1.0 KiB

Inspiration / provenance

This is an extract run (Case B): Recap had no prior design guidelines and no design tool was used. There are no external reference images — the de-facto look is the source, harvested directly from the shipped code on 2026-06-16:

  • public/index.html — the whole app + landing (two <style> blocks + ~447 inline style= attributes).
  • public/index.htmlSHARE_PAGE_CSS — the self-contained share-export styles.
  • public/auth.html — the magic-link auth screen.
  • public/manifest.json — PWA name/colors/icons (theme_color = #0a0e1a).
  • design/brand/icon.png — the app icon (the only first-class brand asset). Its blue→purple gradient play-triangle is the origin of the accent story.

The conflict reconciliation (which dark, which indigo, the type scale, the accent-hue strategy) was decided with the owner and is recorded in ../DESIGN.md. If real reference images are gathered later, drop them here with a one-line note on what's liked about each.