park-web

The waitlist site for Park, a Mac browser where every page is a card on an endless canvas.

Path	What
index.html	The page: the hero canvas, the scroll-driven "stroll" scene, the "Coming from Arc?" rows, the trailhead sign and the waitlist. Dev status lives in the status-data block near the bottom; its average walks the trail sticker in the waitlist.
og.png	The link preview card.
assets/park-badge.svg	The favicon: the "After hours" badge.
email/park-logo.png	The badge in Park's emails (sign-in and welcome, sent by Supabase), at 3× for 37×44.
waitlist/	The Google Apps Script that stores sign-ups in a Sheet, and how to set it up.
beta/	The beta opt-in page: a night over the park, with the Park badge as a sun behind the hills. It peeks up as the pointer nears "Count me in", and a click brings it up the rest of the way and turns the card to day. It's invite only: waitlist emails link to it as /beta#<their address>, and the address never shows on screen or reaches a server. The tab keeps it so a refresh still works, and the browser remembers once you're in. Without an address it says the beta is invite only and points to the waitlist; there's never a field.
api/beta.js	The Vercel Function behind that page: it adds the address to Resend's "Park beta" segment, and makes a contact first if there isn't one. Needs RESEND_API_KEY, a Full access key, in the Vercel project; until then the page says the list isn't open yet.
api/waitlist.js	The Vercel Function that puts each home page sign-up in Resend's "Park waitlist" segment, so the waitlist emails reach it without an import. The page sends every sign-up here and to the Sheet, and counts it saved if either one takes it. Same RESEND_API_KEY.

Static files and two Vercel Functions, no build step. Vercel serves main at parkweb.co; CNAME is left over from GitHub Pages.

Look and feel

• Colour: paper #f3f1e8, sign green #134634, lime #dcf94c.
• Type: Fraunces (soft) for anything big, Inter for reading.
• Badges: the logo is always one of the sticker-sheet badges, never the bare P. The header wears "After hours"; the sign and footer wear "Fresh cut".
• Stickers: sticker() in index.html builds every badge the way the sheet does: the mark grown into a die-cut (its inside corner filleted at 0.8 of the growth), a two-layer shadow, an edge, the vinyl and a soft gloss. The trail sticker in the waitlist is park.svg as drawn. The hero stickers can be moved, and they stay where you leave them.
• Canvases: where one canvas meets another, the edge is wavy. The stroll plays on its own lime band.

© 2026 Circa75 Media, LLC