Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageWordmark Drift Hero
Full-viewport photo hero built as a plain, fully editable Bricks tree: section > photo + black shade > a bottom content row (sparkle rating "4.9 / 5", client count and a bold three-line statement on the left, a right-align…
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.
Wordmark Drift 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 18
Set on the section, in Bricks’ attributes panel. No code needed.
data-heightblock-size 100svh (90svh on phones), 88svh or 72svh
data-shadeblack overlay over the photo, default medium (40% desktop / 60% phone, like the source)
data-photo-positionobject-position of the photo
data-ratingshow the star rating + client count
data-servicesshow the right-hand service list (desktop only, like the source)
data-wordmark-stylemarquee wordmark treatment, default solid
data-wordmark-sizewordmark scale, default l (the source size)
data-directionmarquee drift direction
data-marquee-speedseconds per loop at rest
data-scroll-linkscroll velocity speeds up / reverses the marquee, easing back to rest
data-animcontent entrance preset
data-durationms · ·
data-staggerms · ·
data-delayms · ·
data-distancepx
data-easingor any cubic-bezier( · )
data-oncereplay the entrance each time the hero re-enters the viewport when false
data-reducedwhat prefers-reduced-motion users get
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
