Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pagePortrait Reveal Hero
Single full-bleed portrait hero built as a plain, fully editable Etch tree: section > figure (photo, duotone wash, bottom scrim) > caption (eyebrow, name, role/subtitle, link) — no components, every element including the…
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.
Portrait 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-revealmask style the photo reveals through
data-directionwipe direction (ignored by iris/none)
data-durationms · reveal + duotone cross-fade duration
data-duotonephoto starts tinted and settles to full colour as it reveals
data-alignhorizontal position of the name block
data-repeatreplay the reveal every time it scrolls into view, instead of once
data-themere-themes the caption scrim and text
Included in Pro From €39 a year, with all 753 patterns.
Get ProMore patterns
