Heroes
Sourcecomponents/blocks/*Hero.astro
The openers
Every page starts with a hero. There's one per page type — pick the variant below, or open its full page from the nav. All are built from our tokens and components.
The startpage opener — a fixed image that blurs on scroll, with the hero and frosted testimonials floating over it. Open Home Hero →
The inner-page opener — eyebrow & headline, then a framed image that grows to full-bleed on scroll with a statement. Open Studio Hero →
The Sparklin opener — a fixed portrait that blurs on scroll, with the hero copy and a big quote statement floating over it. Open Sparklin Hero →
The set
- Home Hero — The startpage opener — a fixed image that blurs on scroll, with the hero and frosted testimonials floating over it.
- Studio Hero — The inner-page opener — eyebrow & headline, then a framed image that grows to full-bleed on scroll with a statement.
- Sparklin Hero — The Sparklin opener — a fixed portrait that blurs on scroll, with the hero copy and a big quote statement floating over it.
Shared rules
One hero per page — the first block, full-bleed.
Two-part title: sans lead, one or two serif accents.
Mix purple and black in the heading — one colour only.
Stack two heroes — pick the one that fits the page.