Hero: centred
The words centred, a wide image or product shot below: a Section intro at H1 with two buttons, an optional proof row, and a framed media panel. The quiet opener for software, clinics and anything that wants the headline alone.
Live preview
Northlane
Help that fits the day you actually have.
Book online, get a clear answer the same day, and know what happens next before anything starts.
- Same-day visits
- Three locations
- 4.9 from 1,400 customers
Northlane
Help that fits the day you actually have.
Book online, get a clear answer the same day, and know what happens next before anything starts.
- Same-day visits
- Three locations
- 4.9 from 1,400 customers
Northlane
Help that fits the day you actually have.
Book online, get a clear answer the same day, and know what happens next before anything starts.
What you can build with it
A software or clinic home page opener. A landing page hero with a product shot below the words. A page opener where the headline stands alone.
Props
A pattern: edit the Section intro's props, the proof facts and the image. Add bg–light to the section for a light band.
States shown
The buttons and link take their states from the Section intro. The media panel keeps a 16:9 frame at every width.
How to change it
It is a section built from library components (Section intro). Edit each component's props, and add or remove cards in the structure panel. Colour, type, spacing and radius follow your Automatic.css settings, so a change to the site's palette or scale changes this too.
ACSS tokens used
section-space-m, gutter, content-width, space-m, space-l, space-xl, text-s, text-dark, text-dark-muted, primary-dark, radius, box-shadow-2, bg-light
ACSS requirements
ACSS 4 defaults. Uses the Section intro component (included) and btn–primary.
Version history
Version 1.0.1, October 12, 2026: The pasted copy carries the new placeholder drawing, like the rest of the library. Version 1.0.0, September 17, 2026: First release.
Tested with
Etch 1.6.7 and ACSS 4.0.1. Version 1.0.1.
Lifetime members
Members copy this straight into Etch, ready to paste.
Used an earlier version? How to update it
Get lifetime accessWant EtchPress for Bricks or the block editor?
Everything here is made for Etch. Pick the builder you use and leave your email: we write once, when EtchPress works there.