FORMSET — Make the account. Then make the work.
Neo-brutalist signup landing page: acid-yellow accent on off-white paper, thick black borders, hard offset shadows, uppercase Archivo Black type, a marquee ticker, and a name/email/password sign-up card as the hero.
Summary
A neo-brutalist signup landing page that pairs a punchy left-hand pitch with a self-contained sign-up card on the right. Off-white paper background, pure-black ink, and an acid-yellow accent. Everything is built on heavy 3-4px black borders, hard offset drop-shadows (no blur), uppercase display type, and a marquee ticker. The form is the hero: name / email / password, a big acid CTA, a Google option, and a 'free, no card' reassurance line.
Style
Neo-brutalism / acid-brutalist. High-contrast off-white paper (#f4f1ea) canvas with a faint 28px grid, pure-black ink (#000000) structure, and a single electric acid-yellow accent (#e8ff00). Defining moves: thick 3-4px solid black borders on every block, hard offset box-shadows with zero blur (6px 6px 0 #000), uppercase Archivo Black display type, and tactile press interactions (elements nudge and the shadow grows on hover, then collapse inward on click). No gradients, no rounded corners, no soft shadows.
Layout & Structure
A single-column vertical scroll, all content centered in a max-w-6xl (1152px) container with 20-32px side padding. Order top to bottom: sticky nav bar, a full-bleed acid marquee ticker, a 2-column hero (pitch left, signup card right) on a grid-paper background, a full-bleed black 'how it works' 3-step section, a 4-card library strip, a full-bleed acid final CTA, and a footer. On desktop the hero is a 2-column grid (~1.05fr / 1fr); below the lg breakpoint it stacks to one column with the signup card centered.
Sticky nav
Acid marquee ticker
Hero - left pitch column
Hero - signup card (the centerpiece)
How it works - black band
Library strip
Final CTA + footer
Special Notes
Strictly no border-radius (every corner is 90 degrees), no gradients on fills, and no blurred shadows — the entire depth model is hard offset shadows. Keep the palette to exactly four values: paper #f4f1ea, ink #000000, acid #e8ff00, and white #ffffff for inputs (grey #6b6b6b only for placeholders). Use 'Archivo Black' only for display/labels, 'Archivo' for body, and 'Space Grotesk' as the uppercase mono voice for tickers/eyebrows/badges. Borders scale with importance: 3px for chips and inputs, 4px for cards/buttons/section dividers. The signup card is the visual anchor — give it the largest shadow (10px) and let everything else support it.