CB-BNR-001

Banner

CB-BNR-001 is our generic banner. It breaks things up, adds a bit of rhythm, and stops longer pages from feeling heavy.

The Banner!

The Banner is designed to break up longer stretches of content, adding visual interest and helping pages feel easier to move through.

Placed mid-page, it creates natural pauses and moments of emphasis, without disrupting the flow or competing with the content around it.

Flexible by design, not every field needs to be populated. Different combinations of content and background treatment create distinct variants - from light-touch editorial breaks to more prominent, campaign-led inserts — all within the same consistent framework.

Content Block Fields

  • Eyebrow

  • Headline

  • Body Copy

  • Background Image

  • Primary Link

Settings

  • Background Colour

This block heads up pages ↓

Eyebrow Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button
Eyebrow Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button
Eyebrow Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button
Eyebrow Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button
Eyebrow Title

Heading (Right)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button
Eyebrow Title

Heading (Center)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button
Eyebrow Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button
Eyebrow Title

Heading (Right)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button
Eyebrow Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a lorem at dolor convallis venenatis. Phasellus tempor tempus ante, sit amet molestie nunc. Integer maximus ante nec ex eleifend pretium. Mauris vel erat aliquet, tristique elit ac, pharetra felis. Sed iaculis velit nec magna finibus, dignissim varius orci malesuada.

Primary Button