Skip to content
L-007Layout

Bento Stats Mosaic

Asymmetric bento mosaic built as a plain, fully editable Etch tree: section > container > inner (eyebrow, heading, lede, report link, footnote, all plain) > a grid of seven "Bento Stat Tile" component instances, each wit…

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.

Bento Stats Mosaic 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
Bento grids
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Options 1

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

data-theme
lightdarkwarm

Component props 1

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Bento Stat Tile7 in this pattern · 13 props
PropTypeDefault
size
text

base

tone
text

plain

visual
text

none

kicker
text

Reliability

value
text

99.98

decimals
number

0

unit
text

%

label
text

Platform uptime across every region over the trailing twelve months.

detail
text

Zero unplanned outages since spring

image
text

empty

alt
text

empty

pct
number

0

points
text

empty

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