Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageVantage Hero Section
Cinematic lookout hero built as a plain, fully editable Etch tree: section > container > copy (announcement pill, h1 with a softened second clause, lede, two buttons, a fact strip of "Vantage Fact" instances) and a "Vant…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Vantage Hero Section 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 8
Set on the section, in Etch’s attributes panel. No code needed.
data-layoutpanorama fills the whole hero behind the copy, or sits in a rounded frame under a two-column header
data-themesection surface and copy colour (immersive copy over the photo always stays light on wide screens)
data-heightimmersive hero at least one viewport tall, or a fixed cinematic height
data-accentlens progress, active point, eyebrow dot and button arrow
data-animcopy entrance
data-eyebrowannouncement pill
data-secondarysecond button
data-factsfact strip under the copy
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
value11 days
showLabelTrue
labelhut to hut, no road crossings
imagehttps://images.unsplash.com/photo-1434394354979-a235cd36269d?w=2400
imageAltPale limestone towers of the Dolomites above a forested valley, with…
ratio3/2
focalX50
focalY50
modeboth
autoplayTrue
dwell4600
glide1400
easingsmooth
smoothingsmooth
pauseOnHoverTrue
zoom2.4
lensSizem
lensShapecircle
dimmedium
scrimmedium
showReticleTrue
showZoomTrue
showPointsTrue
pointStyledot
showCalloutsTrue
showControlsTrue
controlsPositionbottom-end
showProgressTrue
showCaptionTrue
captionForcella Alta, 2,612 m, 07:40 in July
entranceiris
triggerin-view
duration1300
stagger110
labelPanorama of the route with points of interest
x50
y50
kindpeak
labelSummit
titleTorre Grande
showMetaTrue
meta3,094 m
showDetailTrue
detailDay 7. A via ferrata up the north face, on top before the afternoon c…
showCoordsTrue
coords46.63 N, 12.35 E
showImageFalse
imagehttps://images.unsplash.com/photo-1542718610-a1d656d1884c?w=640
imageAltempty
sideauto
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
