Inspiration tag · 5 sites catalogued
Atmospheric Gradients marketing pages
5 sites in our growing collection share the atmospheric gradients signal — Flora, Panxo, Interfere, and 2 more. Each catalogued page carries a paste-ready 24-field design brief — palette, typography, spacing, motion — that an AI agent can drop into Claude, Cursor, or v0.
Full Page · both
Flora
Dark-first AI-creative landing that inherits the post-Vercel design language and applies it to a creative-tool audience. Geist Variable as the entire type stack, classic web blue #0000ee as the only functional accent, twelve Framer Motion atmospheric gradients holding ambient depth. Coherent technical confidence for a buyer who recognises Geist on sight.
Full Page · light
Panxo
Dark-first modern-fintech landing that inherits from the post-Vercel cohort rather than from the Stripe/Klarna lineage. Inter + Mona Sans duet, four-accent system anchored by classic web blue #0000ee as deliberate cultural reference, twelve Framer Motion atmospheric gradients holding depth. Sharper than Plasticity's calm subtlety, less choreographed than Chronicle's keynote.
Full Page · light
Interfere
Dark-first editorial-typography canvas for the AI experimentation platform. Six-font museum — Inter + Berkeley Mono + Heldane Text + Redaction + Departure Mono — each one assigned exactly one register. Six-accent spectrum (yellow, green, blue, pink, purple, royal blue) breaks up the dark like a tasting menu. Twelve atmospheric Framer Motion gradients hold ambient depth without ever becoming fills.
Full Page · dark
Blackalgo
Dark-first SaaS marketing site that treats its design system as the product. Blackalgo builds on a Radix-style alpha-scale token foundation (12-step accents + 5-tier text + 4-tier border) and pairs TWK Lausanne with GeistMono on a near-black canvas, reserving a dual coral-and-mint accent for pivot signals only — closer to a public design system tour than a product page.
Full Page · both
Slash
Premium business-banking marketing site that earns prestige through dark monochrome restraint and a single bronze accent. Slash treats spend management UI as editorial — Inter alone across a 300/400/500/600 weight ladder, atmospheric multi-stop gradients drifting at single-digit opacities in place of hero illustration, and narrow 320-704 px container rails that read like editorial columns. The bronze accent family appears only inside ornamental flourishes and never as a CTA fill, signalling a private-banker register where most fintech competitors settle for chromatic dashboard sprawl.