Pricing Bento
Pricing expressed as a bento grid, built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro, billing toggle) > a grid holding three "Plan Cell" component instances (the middle one feat…
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.
Pricing Bento 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
- Bricks, ACSS, plain CSS
Options 1
Set on the section, in Bricks’ attributes panel. No code needed.
data-billingon the grid wrapper
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
nameStudio
taglineFor small, fast-moving teams
priceMonthly39
priceYearly29
period/mo
featuredFalse
feature1Unlimited projects
feature2Up to 10 seats
feature3Priority support
feature4empty
ctaLabelStart free trial
ctaHref#start
nameExtra seats
price9
unit/seat/mo
descriptionAdd teammates any time, billed pro-rata.
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






