Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSimple Hero
Editorial, type-led hero set inside a hairline stage frame with corner ticks and two meta bars (studio label, location, availability status, scroll cue): an announcement link, a display h1 whose last word rotates through…
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.
Simple 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 9
Set on the section, in Bricks’ attributes panel. No code needed.
data-themesection surface
data-aligncontent alignment
data-sizeheadline scale
data-framehairline stage frame with corner ticks
data-metatop and bottom meta bars inside the stage
data-backdropstage backdrop
data-heightstage fills the viewport
data-revealstaggered entrance of the content on load
data-reveal-speedComponent props 4
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
effectroll
interval2600
duration750
easingsmooth
delay2400
triggerload
pauseOnHoverTrue
loopTrue
accentserif
chippill
reducedstatic
textstudios
showImageTrue
imagehttps://images.unsplash.com/photo-1452860606245-08befc0ff44b?w=240
focalcenter
labelStart a project
url#contact
variantsolid
iconarrow
sizem
target_self
imagehttps://images.unsplash.com/photo-1544005313-94ddf0286df2?w=120
nameClient portrait
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
