Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageCentered Focus Carousel
Image-led editorial carousel: the centred portrait card opens up its story (tag, title, text and button) while the neighbours fall back, shrink and desaturate. Plain editable section > container > header (eyebrow, h2, in…
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.
Centered Focus Carousel 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
- Component
- Category
- Sliders and carousels
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 14
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-accenttag and progress colour
data-ratiocard ratio 3:4, 2:3 or 1:1
data-radiusdata-depthhow far side cards recede
data-monodesaturate the side cards
data-autoplaydata-delayms
data-pause-on-hoverdata-loopdata-arrowsdata-arrows-mobiledata-paginationdata-align-headheader alignment
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelCoastline
showDotTrue
labelRead the story
url#story
stylesolid
showIconTrue
imagehttps://images.unsplash.com/photo-1500534623283-312aade485b7?w=900
imageAltA winding road through green hills under a wide sky
focuscenter
scrimmedium
showTagTrue
tagHighlands
showIndexTrue
index01
titleThe long way round is the point
headingLevelh3
showTextTrue
textFour days on single-track roads, with a paper map and no fixed plan f…
showButtonTrue
buttonLabelRead the route
buttonUrl#story
buttonStylesolid
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
