VOLTPRESS — Ship a startup site that screams (acid-maximalist)
Acid-maximalist startup website: near-black ink base with electric acid-lime (#d4ff00) and hot-pink (#ff2d78) accents, oversized Archivo Black display headlines (some outline/stroke), a sticky blurred nav, floating color-block blobs, an infinite scrolling marquee strip, a bento color-tile library grid, a loud hot-pink feature + stats band, and a giant CTA.
Summary
A loud, acid-maximalist startup landing page. Near-black ink (#0a0a0a) canvas with electric acid-lime (#d4ff00) and hot-pink (#ff2d78) accents on a warm bone (#f4f1ea) text base. Oversized Archivo Black display headlines run up to ~150px with negative tracking and 0.88 line-height; one word uses a transparent acid text-stroke outline. A sticky blurred nav, a hero packed with floating rounded color-block 'blobs' (each with a hard 10px offset shadow) over a dot-grain texture, an infinite scrolling acid marquee strip, a 6-col bento library grid of color tiles, a full-bleed hot-pink feature section with 3 dark cards + a 4-up stat band, a giant centered CTA, and a dark footer.
Style
Acid-maximalist / neo-brutalist energy. High-contrast dark canvas, electric acid-lime + hot-pink accents, warm bone off-white text. Two display weights of Archivo Black for huge headlines (tight -0.03em tracking, 0.88 leading, some words rendered as transparent text with a 3px color stroke), Archivo for UI/labels, Space Grotesk for body copy. Signature devices: hard offset block shadows (10px 10px 0 ink) on rounded color tiles, fully-rounded pill buttons, uppercase wide-tracked eyebrow labels, a faint radial-dot 'grain' texture, floating geometric color blobs, and an infinite marquee. Hover states swap acid->hot. Loud, confident, playful, never corporate or muted.
Layout & Structure
Single-column long-form landing page, max-width 1240px container with px-5 / sm:px-8 gutters. Top-down order: sticky blurred header nav; hero (centered, floating color blobs + dot grain); full-bleed acid marquee strip; bento library grid (6-col, mixed-span color tiles); full-bleed hot-pink feature section (3 dark cards + 4-up dark stat band); giant centered CTA on grain with side blobs; dark footer (brand + 3 link columns + bottom bar). Responsive: the 6-col bento collapses to 1 col, the 3 feature cards to 1, the stat band 4->2, nav links hide below lg, the Log in link and badge hide on the smallest screens, and floating blobs are progressively hidden (hidden on mobile, md:block / lg:block) with body overflow-x:hidden so they never cause horizontal scroll.
Sticky nav
Hero
Marquee strip
Bento library grid
Loud feature section
Energetic CTA
Footer
Special Notes
Fonts loaded from Google Fonts: 'Archivo Black' and Archivo (weights 400-900) for display + UI, and 'Space Grotesk' (400-700) for body. Styled with Tailwind via CDN using a custom theme (colors ink #0a0a0a, acid #d4ff00, hot #ff2d78, bone #f4f1ea; fontFamily black/grotesk/space; an extra xs:420px screen) plus a small <style> block for the .display class, .stroke-acid / .stroke-bone text-stroke helpers, the .marquee-track animation, the .grain dot texture, the .tile-shadow hard offset shadow, and the ::selection rule. Iconify icons via the iconify-icon web component (ph:* Phosphor set). body has overflow-x-hidden and html scroll-behavior:smooth so the floating blobs never cause horizontal scroll. Keep the energy loud and maximalist: do NOT mute the palette, soften the type, or drop the hard offset shadows.