Keysat
1741fb11a5
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.
19 lines
1.0 KiB
Markdown
19 lines
1.0 KiB
Markdown
# 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.html` → `SHARE_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.
|