CB-TXT-IMG-001

Text with Image

The Text with Image block, CB-TXT-IMG-001, balances explanation with visual context, helping users engage with content quickly and confidently. It combines considered copy with purposeful imagery to reinforce key messages without overwhelming the page.

Structured but flexible, it pairs a clear narrative with a supporting image to illustrate a service, showcase a product or add depth to a case study.

The text area allows space for a strong heading, supporting copy and a clear call to action, while layout and background options let it shift from understated and editorial to more prominent and campaign-led, all within the same consistent framework.

Content Block Fields:

  • Eyebrow

  • Heading

  • Body Copy

  • Primary Button

  • Image

  • Image caption

Content Block Settings:

  • Background Colours

  • Reverse Row Layout

  • Stacked Column Layout

Demo

This is a description of the image

White

Text with Image Title

This block is designed to adapt to the story you’re telling. You can switch the text and image positions to shift emphasis, apply different background colours to change the tone, or stack the layout for tighter spaces. It’s flexible enough to feel understated and editorial or more bold and campaign-led, all while keeping a consistent structure.

This is a description of the image

White Reversed

Reverse Row Layout

This block is designed to adapt to the story you’re telling. You can switch the text and image positions to shift emphasis, apply different background colours to change the tone, or stack the layout for tighter spaces. It’s flexible enough to feel understated and editorial or more bold and campaign-led, all while keeping a consistent structure.

This is a description of the image

Grey

Text with Image Title

This block is designed to adapt to the story you’re telling. You can switch the text and image positions to shift emphasis, apply different background colours to change the tone, or stack the layout for tighter spaces. It’s flexible enough to feel understated and editorial or more bold and campaign-led, all while keeping a consistent structure.

This is a description of the image

Black

Text with Image Title

This block is designed to adapt to the story you’re telling. You can switch the text and image positions to shift emphasis, apply different background colours to change the tone, or stack the layout for tighter spaces. It’s flexible enough to feel understated and editorial or more bold and campaign-led, all while keeping a consistent structure.

This is a description of the image

Yellow

Text with Image Title

This block is designed to adapt to the story you’re telling. You can switch the text and image positions to shift emphasis, apply different background colours to change the tone, or stack the layout for tighter spaces. It’s flexible enough to feel understated and editorial or more bold and campaign-led, all while keeping a consistent structure.

This is a description of the image

Stacked

Text with Image Title

This block is designed to adapt to the story you’re telling. You can switch the text and image positions to shift emphasis, apply different background colours to change the tone, or stack the layout for tighter spaces. It’s flexible enough to feel understated and editorial or more bold and campaign-led, all while keeping a consistent structure.