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 Etch 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
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
- Etch, ACSS, plain CSS
Options 18
Set on the section, in Etch’s 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 From €39 a year, with all 469 patterns.
Get ProMore patterns
