01 / 10Beam shader, glass nav, stat footer
Hero 01
Full-bleed hero card over an animated light-beam shader, with a glass pill nav, a trust badge, a serif headline, dual CTA and a three-stat footer.
Hero Sections.
Above-the-fold openers for a landing page: split layouts, centered editorial, stat strips and trust rows, each with headline, supporting copy and paired CTAs in place.
10 blocks, live at full size, install from here
02 / 10Stripe shader, release pill, wordmark strip
Hero 02
Centered hero over animated gradient bars, with a release pill, a serif headline with an underlined accent, dual CTA and a wordmark strip.
03 / 10Editorial, grid backdrop, logo cloud
Hero 03
Editorial centered hero on a faded grid, with a serif headline, sub-copy, dual CTA and a logo cloud of customer wordmarks.
04 / 10Image banner, scrim, bottom-aligned
Hero 04
Full-bleed image-banner hero with a dark scrim, a slim nav, a serif headline and dual CTA aligned to the bottom.
05 / 10Aurora shader, glass nav, social proof
Hero 05
Full-bleed hero card over an animated aurora shader, with a pill nav, a live status pill, a serif headline, dual CTA and an avatar social-proof row.
06 / 10Centered, stat row, geometric accents
Hero 06
Centered personal hero: a live "available for work" badge, a serif headline with a primary-tinted emphasis span, a sub-line, a three-stat row with hairline dividers, dual rounded CTAs, and a tooltip-backed core-stack icon row framed by gradient rules. Rotated geometric border accents zoom in behind it (and stay still under reduced motion).
07 / 10Beam line-art, word-by-word reveal, dual CTA
Hero 07
Centered hero with a word-by-word blur-in serif headline, a glass beta badge with a live dot, dual rounded CTAs, and animated beam line-art SVGs that trace the top, bottom, and both sides of the section. Respects reduced-motion.
08 / 10Centered, framed panel, board preview
Hero 08
Centered hero on a framed, token-lit panel: a pill badge, a serif headline with an italic emphasis span, sub-copy, dual CTA buttons, and a window preview of a task board with named cards and statuses. Everything rises in with a staggered entrance that respects reduced motion.
09 / 10Zoom-out card, fluid gradient, carved stats
Hero 09
Full-viewport product hero on a rounded card that zooms out as the page scrolls: an inline nav with brand and actions, a serif headline, sub-copy, dual CTAs, a labelled step-type strip, a drifting WebGL gradient mixed from the theme tokens, a bouncing scroll cue and a carved stat corner. Reduced-motion aware.
10 / 10Blurred image card, centered stack, rise-in
Hero 10
Bordered hero card over a blurred full-bleed image: a rocket badge, a large centered headline, sub-copy and dual CTAs that rise into place on load. Reduced-motion aware.