Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageChroma Reveal Hero
Full-bleed portrait hero built as a plain, fully editable Etch tree: section (absolutely-positioned media layer: source photo, paint canvas, decorative contour blobs) > container (eyebrow, big heading, subtitle, CTA link…
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.
Chroma 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
- Hero
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 7
Set on the section, in Etch’s attributes panel. No code needed.
data-themere-themes the caption scrim and hint pill
data-brushpx · reveal brush diameter
data-fadeseconds · how long a stroke lingers before fading back to grayscale
data-strength0-1 · peak opacity of the revealed colour at the brush centre
data-idle-demoauto-sweeps the brush once on load and again after a few idle seconds, stopping for good the moment the visitor moves the pointer or touches the stage
data-graina faint dot-grain texture over the stage
data-alignhorizontal position of the caption block
Included in Pro From €39 a year, with all 753 patterns.
Get ProMore patterns
