PRESSKIT — Ship a site that sells
A loud neo-brutalist SaaS landing page on warm paper with thick black borders, hard offset shadows, an acid-yellow accent, a skewed highlighted hero headline, floating sticker chips, a logo marquee, a bento work grid, a dark feature grid, blocky pricing, and a giant CTA band.
Summary
Build a loud neo-brutalist SaaS marketing landing page on a warm off-white paper background with thick 3px black borders, hard offset drop-shadows, and an acid-yellow accent. Sticky bordered nav, a centered display hero with a highlighted skewed keyword block and floating tilted sticker chips, an inverted scrolling logo marquee, a bento work/showcase grid, a dark bordered feature grid, a blocky three-tier pricing row with a raised featured card, a giant acid CTA band, and a multi-column footer.
Style
High-contrast neo-brutalist / acid-brutalist aesthetic: warm paper canvas, near-black ink, one electric acid-yellow accent plus hot-pink and sky-blue secondaries, everything outlined in heavy black borders and stacked with hard (non-blurred) offset shadows. Uppercase ultra-bold grotesk display set tight, monospaced body, wide letter-spaced micro-labels. Playful, confident, sticker-collage energy; no gradients, no soft shadows, no rounded-everything.
Layout & Structure
Single long-scroll landing page, content constrained to a max-width ~1240px centered container with px-5 (mobile) / px-8 (desktop) gutters. Full-bleed section bands separated by 3px black bottom-borders; alternating paper and ink (dark) bands for rhythm. Stacking order top to bottom: sticky nav, hero, logo marquee, work grid, features grid, pricing, CTA band, footer. Responsive: nav links hide below lg and collapse to the CTA; hero floating chips hide on mobile; multi-column grids reflow 3->2->1; pricing featured card drops its lift on mobile; footer 5-col grid reflows to 2-col.
sticky nav
hero
logo marquee
work / showcase grid
features grid
pricing
cta band
footer
Special Notes
Stay strictly neo-brutalist: only the five named colors (paper #f5f3ea, ink #0a0a0a, acid #e8ff00, pink #ff5e8a, sky #5ec8ff) plus white inner surfaces. All shadows are HARD offset blocks (x/y offset, 0 blur, 0 spread), never soft/blurred. Borders are crisp solid black, mostly 3px. Display type is uppercase Archivo-900 set tracking-tight with very tight line-heights; body and labels are JetBrains Mono; eyebrows/labels are uppercase with 0.18em letter-spacing. Keep the press-in hover language consistent (translate by shadow offset, drop shadow). No em-dashes anywhere in copy. Section bands are full-bleed and separated by 3px black borders, alternating paper and ink for rhythm. Responsive: hide hero chips and collapse nav on mobile, reflow all multi-col grids to fewer columns, and drop the featured pricing card's lift.