Pano landing — same copy, same reels, harder design
Direction A · brutalist-editorial · 2026-06-03 · broken (current) vs proposed
What changed (design only — zero copy rewrites)
- Type goes massive + heavy. Wordmark 104px/weight-500 → ~200px/weight-700, edge-aligned left, tighter tracking. Type breaks the grid instead of floating centered.
- Visible structure. Hairline rules box every section; mono metadata + index numbers (00/01/02/03) in vermillion = the "editorial skeleton" that reads as conviction.
- Reels become a ruled filmstrip. Soft 12px-radius drop-shadow tiles → hard-edged frames, no radius, no shadow, divider rules, mono credit lines. Same three videos.
- Two typographic voices. Clash = Pano's voice; JetBrains Mono = the "system" voice (labels, credits, scarcity). The mono is the cold establishment register we set ourselves against.
- Vermillion as the agitator. Used flat for index numbers, the CTA block, and the nav signal — not just the gradient wordmark.
- Hard CTA. Pill input + soft off-white button → boxed field + solid vermillion "Go wide." block, square corners.
- Optional scene nod (no core copy change). Footer city line + per-reel city credits add scene credibility as metadata, not new headline copy. Easy to drop if you want it purer.
Code touch-points
web/src/app/globals.css
+ .font-mono editorial labels, hairline --hair token, flat vermillion utilities
web/src/app/_components/hero.tsx
- centered max-w-5xl, 56–128px wordmark
+ left-aligned full-bleed, ~clamp(80px,18vw,220px) weight-700, mono kicker + ruled sub-row
web/src/app/_components/hero-reel.tsx
- rounded-xl tiles + box-shadow, flex gap
+ 3-col grid, hairline dividers, no radius/shadow, mono credit row + index num
web/src/app/_components/waitlist.tsx
- rounded-full input + #f0edea button
+ boxed field (mono label) + solid vermillion square button
web/src/app/_components/footer.tsx
+ ruled row, mono, optional scene city line