Skip to content
L-150Layout

Mosaic Bloom Hero

Editorial split hero built as a plain, fully editable Etch 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…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

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
Etch, ACSS, plain CSS

Options 8

Set on the section, in Etch’s attributes panel. No code needed.

data-theme
paperlightdarkmoss

data-accent
primarysecondaryaccentneutral

accent word, kicker leaf, button hover, accent tiles and spotlight segments

data-layout
splitreversestacked

copy beside the mosaic, mosaic first, or copy centred above a wider, shorter mosaic

data-height
autoscreen

natural height or at least one full viewport

data-anim
risefadenone

how the copy enters

data-kicker
truefalse

kicker line

data-secondary
truefalse

second link

data-facts
truefalse

fact 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.

Mosaic Fact3 in this pattern · 3 props
PropTypeDefault
value
text

180+

showLabel
true / false

True

label
text

gardens planted since 2011

Mosaic Field1 in this pattern · 19 props
PropTypeDefault
entrance
text

bloom

origin
text

top-start

trigger
text

in-view

once
true / false

True

duration
number

1100

stagger
number

90

easing
text

smooth

hover
text

zoom

parallax
true / false

True

intensity
text

m

captions
text

spotlight

autoplay
true / false

True

interval
number

4200

pauseOnHover
true / false

True

showControls
true / false

True

gap
text

m

radius
text

m

cells
text

square

label
text

Selected gardens

Mosaic Tile7 in this pattern · 25 props
PropTypeDefault
variant
text

photo

col
number

1

row
number

1

colSpan
number

2

rowSpan
number

2

mobile
text

half

tone
text

paper

showImage
true / false

True

image
text

https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1200

imageAlt
text

empty

focal
text

center

showCaption
true / false

False

caption
text

Villa Sørli

showCaptionMeta
true / false

True

captionMeta
text

Courtyard garden, 2025

icon
text

none

showValue
true / false

False

value
text

38

showText
true / false

False

text
text

gardens in their first spring this season

showLabel
true / false

False

label
text

Ingrid Aas, Bergen

showLink
true / false

False

url
text

#projects

linkLabel
text

Open project

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan