CosmicHero.
The full-viewport dark opener: a #04060b band under a jade aurora and horizon, a headline that rises character by character, a lede, a rail of process chips with one highlighted, up to two CTAs, and a brand lockup pinned to the bottom edge.
When to use
The statement opener for a campaign or launch page that should own the whole first viewport. Use sparingly — one per flow, and only where the page can afford a full-height beat before any content. Use Hero for a calm copy-led opener, ProductHero when a screenshot should lead.
Every dollar audited
One card, one ledger, and an agent checking every invoice you pay.
- Shipping
- Ads
- Software
- Vendors
Both gradient layers are static — the aurora and horizon are painted once and never drift. The
motion in this hero is the per-character headline rise (820ms, 30ms stagger), the chip
entrance, and the yellow glow on the active chip. Shortened here; the real band is 100dvh with a -64px top margin that pulls it under the fixed header.