Colophon
How this is made.
- Stack
- Next.js 16 on React 19, hand-CSS against design tokens, TypeScript throughout. This page rides Vercel (host + analytics), Cloudflare (DNS + Turnstile bot defense), Neon Postgres (form persistence), and AWS SES (email); the full Vesper app adds Firebase Authentication, Ably (realtime auction-day sync), Stripe (billing), PostHog (in-product analytics), Sentry (errors), Doppler (config), and the Anthropic Claude API for property prioritization.
- Type
- System sans for body and headlines via the platform stack (San Francisco on Apple, Segoe UI on Windows, Roboto on Android). UI monospace for eyebrows, wordmark, and footer (SF Mono, Menlo, Consolas, fallback monospace).
- Color
- Sophisticated Purple for the brand. Every color read by this page lives in
design-tokens.jsonat the repo root and is consumed via CSS variables so web, mobile, and infrastructure never drift. - Mark
- A two-stroke V, vertex-down. Geometric, set in square caps, rendered as SVG. The mark also tries on as the favicon: white V on a brand-purple square.
- Method
- Designed in a party-mode session with the BMAD agents Sally (UX), Caravaggio (visual), Sophia (story), John (product), and Winston (architecture). Reviewed by Sally with Playwright across desktop, laptop, and mobile. Built by Amelia via the BMAD dev-story workflow. All five agents (and the keystrokes) run through Claude Code. Operated by Allen.
- Hosting
- Edge-rendered HTML, serverless API for form submissions, errors and aggregate performance metrics monitored privately. No behavioral tracking, no cookies, no third-party scripts beyond a bot-check widget on the form.