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
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
- Etch, ACSS, plain CSS
Options 9
Set on the section, in Etch’s 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
Free pattern. Yours to use on any site, no plan needed.
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
