Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSpotlight Color Reveal Hero
A full-bleed editorial photo hero built as a plain, fully editable Etch tree: section (the photo as its own layer, plain background-style img) > container > eyebrow, h1, intro, link, all sitting over the image. The photo…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Spotlight Color Reveal Hero reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Effects
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 6
Set on the section, in Etch’s attributes panel. No code needed.
data-hintdrifts the spotlight slowly in a lazy figure-of-eight for a few seconds so the effect is discoverable, then stops and waits for the pointer
data-basethe resting look outside the spotlight
data-revealwhat the spotlight restores: full colour, focus/sharpness, or both
data-sizepx diameter of the spotlight
data-softness0-1 edge feather
data-keyboardTab onto the hero moves the spotlight with the focus ring and Arrow keys nudge it 24px per press
Included in Pro From €39 a year, with all 753 patterns.
Get ProMore patterns
