Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSaaS Startup Hero
Usage-billing startup hero as a plain, fully editable Bricks tree: section (hairline grid backdrop, cursor spotlight, accent glow) > container > hero grid (copy: announcement pill link, h1 whose last line is a "Word Rotato…
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.
SaaS Startup 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 16
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-accentACSS colour for the rotator mark, stars, focus glow, metric bars and spotlight
data-layoutsplit = copy beside the photo, centered = copy centred over a wide photo
data-media-sidephoto side in the split layout
data-mediaphoto + quote card
data-ctaemail trial form, or a primary + secondary button pair
data-assurancesthe chip row under the CTA
data-proofavatar stack + rating line
data-metricsthe Metric Rail
data-radiusphoto frame + card radius
data-backdrophairline backdrop pattern
data-spotlightthe pattern and an accent glow follow the cursor (fine pointers only)
data-revealstaggered entrance on load
data-reveal-styledata-staggerms between entrance steps
data-durationms per entrance step
Component props 7
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
effectslide
interval2600
duration700
easingsmooth
delay2200
pauseOnHoverTrue
loopTrue
markunderline
wordAPI call
labelNo card required
iconcheck
imagehttps://images.unsplash.com/photo-1494790108377-be9c29b29330?w=120
altCustomer portrait
quoteWe moved to usage pricing in nine days. Expansion revenue doubled by…
nameRenata Okafor
roleVP Finance, Fieldwork
showAvatarTrue
avatarhttps://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=120
avatarAltPortrait of Renata Okafor
showStarsTrue
showLinkTrue
linkLabelRead the Fieldwork story
url#customers
placementoverlap
triggerin-view
duration1600
easingsmooth
stagger120
columns4
separatorsTrue
barsTrue
labelMeterline in numbers
prefix$
value3.8
suffixB
labelbilled through Meterline last year
showCaptionFalse
caption+64% year on year
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
