Skip to content
L-006Layout

Bento Agency Services

Agency services bento: a split header (eyebrow, dynamic-level heading, lede, CTA) over a dense 4/2/1-column container-query grid of reusable Tile components (props: size Regular|Wide|Tall|Feature via data-size, tone Pape…

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 Agency Services 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

Component props 2

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

Bento Agency Services1 in this pattern · 9 props
PropTypeDefault
theme
text

Light

layout
text

Bento

eyebrow
text

What we do

headingLevel
text

h2

heading
text

One studio for every layer of your brand.

lede
text

Strategy, identity, product and engineering under one roof, so nothin…

showCta
true / false

True

ctaLabel
text

Start a project

ctaUrl
text

#

Bento Service Tile4 in this pattern · 12 props
PropTypeDefault
size
text

Regular

tone
text

Paper

number
text

01

headingLevel
text

h3

title
text

Service title

text
text

A short, benefit-led description of the service.

showLink
true / false

True

linkLabel
text

Explore service

url
text

#

showImage
true / false

False

image
text

https://images.unsplash.com/photo-1561070791-2526d30994b5?w=1400&q=75…

imageAlt
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