dating-web

1# Dating Web Skill
2 
3Produce a single-screen consumer dashboard that feels like a Sunday-paper
4dating column rendered as software. Editorial type, single restrained
5accent, lots of negative space, *no* swipe deck or hookup tropes.
6 
7## Workflow
8 
91. **Read the active DESIGN.md** (injected above). Lean into a serif display
10   token for the metric numerals — these screens live or die on numerals.
112. **Pick a brand voice** — wry, observational, slightly literary. Generate
12   real, specific copy. Examples: "the people who'd text back within a day",
13   "manageable. two are now friends.", "your single greatest compatibility
14   asset."
153. **Layout**, in order:
16   - **Top ticker** — single-row horizontal strip across the top in a
17     sans-serif eyebrow style: tagline left, "NEXT TIER AT 2,080 MUTUALS"
18     right, both in mono caps with letter-spacing. Thin rule below.
19   - **Left rail** — 220–260px sidebar. Brand wordmark in serif italic at
20     top. User card (avatar / handle / ratio / tier). Three groups of nav:
21     "TODAY" (specimen, inbox, queue, notifications), "YOU" (your stats,
22     mutuals & communities, blocked, settings), "ARCHIVE" (past issues,
23     expired matches). Active item gets accent text + accent dot.
24   - **Main content**:
25     - **KPI grid** — 3 columns × 3 rows (or 9 cells). Each cell: small
26       caps mono label, an oversized serif numeral (use accent or muted
27       green for positive, muted red for caution), one-line italic
28…