Mosaic Bloom Hero
Editorial split hero built as a plain, fully editable Bricks tree: section > container > layout (copy column: kicker with a leaf mark, h1 with an italic accent word, lede, primary button + text link, a fact row of "Mosaic…
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.
Mosaic Bloom 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 8
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-accentaccent word, kicker leaf, button hover, accent tiles and spotlight segments
data-layoutcopy beside the mosaic, mosaic first, or copy centred above a wider, shorter mosaic
data-heightnatural height or at least one full viewport
data-animhow the copy enters
data-kickerkicker line
data-secondarysecond link
data-factsfact row under the buttons
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
value180+
showLabelTrue
labelgardens planted since 2011
entrancebloom
origintop-start
triggerin-view
onceTrue
duration1100
stagger90
easingsmooth
hoverzoom
parallaxTrue
intensitym
captionsspotlight
autoplayTrue
interval4200
pauseOnHoverTrue
showControlsTrue
gapm
radiusm
cellssquare
labelSelected gardens
variantphoto
col1
row1
colSpan2
rowSpan2
mobilehalf
tonepaper
showImageTrue
imagehttps://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1200
imageAltempty
focalcenter
showCaptionFalse
captionVilla Sørli
showCaptionMetaTrue
captionMetaCourtyard garden, 2025
iconnone
showValueFalse
value38
showTextFalse
textgardens in their first spring this season
showLabelFalse
labelIngrid Aas, Bergen
showLinkFalse
url#projects
linkLabelOpen project
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






