Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageWord Split Hero
Fullscreen typographic hero built as a plain, fully editable Bricks tree: section (the carousel region, kicker + small footer CTA plain-edited) > track > five "Word Slide" component instances (photo, photoAlt, word — one g…
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.
Word Split 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 9
Set on the section, in Bricks’ attributes panel. No code needed.
data-height100dvh vs 78dvh section block-size
data-kenburnsslow scale-up on the active slide photo while it is showing
data-scrimdarkening gradient strength behind the word for legibility
data-autoplaydata-delayms
data-speedwipe transition duration ms
data-pause-on-hoverdata-dotsshow/hide the pagination dots
data-arrowsshow/hide the prev/next arrows
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
photohttps://images.unsplash.com/photo-1497366811353-6870744d04b2?w=1600
photoAltSTRATEGY — studio work
wordSTRATEGY
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
