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 Bricks 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
All photos and visual assets used in this preview are sourced from Unsplash.
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
- Bricks, ACSS, plain CSS
Options 5
Set on the section, in Bricks’ 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 €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
