Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageAmbient Focus Hero
Full-bleed macro-texture hero, a plain fully editable Etch tree (section > background photo + scrim + focal spot > container > eyebrow, h1, sub-copy, CTA group of two links). No repeating units, so no components. The bac…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Ambient Focus 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 5
Set on the section, in Etch’s attributes panel. No code needed.
data-themeoverlay scrim and text color for the background photo
data-spothorizontal position of the breathing focal spot
data-spot-sizediameter of the focal spot
data-motionthe spot's slow breathing loop (Web Animations API, not @keyframes)
data-aligncontent column alignment
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
