Chapter Reveal Hero
Fullscreen "chapter" hero built as a plain, fully editable Bricks tree: section (the carousel region) > track > five "Hero Chapter" component instances (image, imageAlt, eyebrow, title, headingLevel h1|h2, description, yea…
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.
Chapter Reveal 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 11
Set on the section, in Bricks’ attributes panel. No code needed.
data-transitionhow the incoming slide enters: a directional clip-path wipe over the outgoing slide, or a plain cross-fade
data-directionthe wipe origin edge (ignored for fade)
data-height100dvh vs 78dvh section block-size
data-kenburnsslow scale-up on the active slide image while it is showing
data-scrimbottom gradient strength behind the meta row for legibility
data-autoplaydata-delayms
data-speedwipe/fade duration ms
data-pause-on-hoverdata-arrowsdata-progresssegmented, per-slide progress row that fills over data-delay
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
photohttps://images.unsplash.com/photo-1449844908441-8829872d2607?w=1600
imageAltThe Quiet Cantilever — Coastal Residence
eyebrowCoastal Residence
titleThe Quiet Cantilever
headingLevelh1
descriptionA timber-clad volume folded over the dune line, holding one long room…
year2026
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






