Page Banner
CB-BNR-001 is our streamlined page banner, built to introduce content with clarity and intent.
Where the Hero Banner creates impact and drives action, the Page Banner sets direction. It’s designed to orient users quickly, establish the page’s purpose and provide a consistent entry point into deeper content.
Confident but controlled, it brings structure without overpowering the page. It works equally well for service pages, news listings, policies, downloads and search — creating cohesion across the site without competing with the content that follows.
Flexible by design, not every field needs to be populated. Subtle variations in content and background treatment allow it to shift from editorial and understated to more prominent and campaign-aligned — all within the same consistent framework.
Content Block Fields
- Eyebrow
- Headline
- Body Content
- Background Image
Settings
- Background Colour
This block heads up pages ↓
Page Banner Title
This variant brings more presence to interior pages. Eyebrow, headline and a full-width background image working together to introduce content with confidence.
Like the hero, the image spans the full width of the page. The purpose, though, is different. It’s not impact for impact’s sake. It’s about setting context clearly and consistently.
A considered overlay keeps text legible across devices and screen sizes. Strong hierarchy, clear contrast and generous spacing make it accessible and easy to read.
Confident at the top. Clear about what comes next.
Page Banner Title
This variant strips things back. Just the eyebrow and headline, sitting on a selected background colour to keep the focus on the message.
Calm. Clear. Straight to the point.
Page Banner Title
This variant strips things back. Just the eyebrow and headline, sitting on a selected background colour to keep the focus on the message.
Calm. Clear. Straight to the point.
Page Banner Title
This variant strips things back. Just the eyebrow and headline, sitting on a selected background colour to keep the focus on the message.
Calm. Clear. Straight to the point.
Page Banner Title
This variant strips things back. Just the eyebrow and headline, sitting on a selected background colour to keep the focus on the message.
Calm. Clear. Straight to the point.