Reworks the site around a signature "layer stack" motif — the relay is
literally one layer between a client and the wider Nostr network, so
the brand mark is that stack rather than a logo standing in for it.
- New color/type/spacing tokens (src/index.css, tailwind.config.ts):
cool "Paper" light surface, deep "Ink" dark surface, relay-amber
accent, navy/cyan structural colors; JetBrains Mono as the display
face for headlines and data, Inter for body copy (both self-hosted
via fontsource to satisfy the existing font-src 'self' CSP).
- New brand components: LayerStack (hero signature), LayerDivider,
Wordmark, SiteHeader/SiteFooter, shared across the landing page,
legal pages, and the new styleguide.
- Reworked the landing page hero, feature grid, and connection steps
with benefit-first, plain-voice copy.
- Added docs/DESIGN_STYLEGUIDE.md and a live /styleguide route
documenting the system.
- Fixed structural gaps: /messages had no route, and Explore/Messages
had no sidebar navigation entry despite being real pages; both now
sit in the same app shell as Dashboard.
Closes#8
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FvaqCkYtksTvsEKGzjGcde
