5 directions · 1 chosen · 0 vibe-coded
Pick the look. The rest of the product inherits it.
Five distinct landing-page directions for SocialScrape — the faceless-content analytics + scheduler. Each is a real, scrolling page (not a static screenshot). Click into each, scroll to the bottom, then come back here and choose. Once you pick one, the dashboard chrome, type scale, palette, and motion vocabulary follow from it.
Editorial Terminal
Dark · monospace data accents · live chart hero
Magazine-style numbered sections, real-rendered chart as the hero, terminal-printout system status. Restrained, confident, built for people who read.
Neo-Brutalist Data
Near-black on bone · oversized mono · zero rounded corners
Stripe Press × Bloomberg Terminal energy. Thick borders, oversized monospace type, ASCII-block charts. Loud and unapologetic.
Soft Editorial Light
Bone background · serif display · photography-led
Counter-trend light theme. Warm bone, deep-green ink, generous measure, a single black-and-white photo. Reads like a Monocle feature.
High-Density Dashboard Tease
The landing IS a sample dashboard · live demo data
Information-dense, Bloomberg-style. Charts and tables fill the page. The CTA sits inside a 'Sign in to see your channels' panel woven into the chrome.
Cinematic Scroll
Full-bleed vignettes · scroll-snap · oversized sans display
Looping silent B-roll backgrounds, pale-green oversized display over video, single sentence per scroll-snap. Feels like a film studio site.
The chosen direction becomes app/page.tsx.
I'll port the chosen mockup into the live route, then build out the dashboard, auth, scrapers, scheduler, and TikTok publisher — fully autonomous, no further prompts.
just reply with: use #N or mash #X and #Y