Heroes

Full-bleed and centered hero variants. All accept eyebrow, headline, subheadline, CTA slots, and an optional media snippet for 3D/image content.

HeroFullBleed — align="left" (default)

Build something real.

The frontend system that makes every site distinctive.

A structured process from requirements to delivery. No templates. No defaults. No looking like everyone else.

HeroFullBleed — align="center"

Now live

Design that composes.

Token-driven. Theme-ready. Deployable in one command.

HeroCentered
Now in production

Design System v1

Every component. Every theme. One system.

10 aesthetic directions. Full token coverage. Composable from day one.

HeroFullBleed — atmosphere=false

Clean. No background treatment.

Use when the hero should be purely typographic — no pattern, no texture.