Two Column Text
This is CB-TCTXT-001, our Two Column Text block. Two columns, one tidy layout - perfect for helping users scan, compare and make sense of information quickly.
Balanced and flexible, it presents two distinct but related messages side by side. That might mean outlining two service streams, comparing options, pairing explanation with supporting detail or simply breaking longer content into something more digestible. The result is clarity without clutter.
Each column stands confidently on its own, with space for a headline, supporting copy and a clear call to action where needed. Used well, it adds rhythm to a page and creates natural pauses between more complex sections.
Like all our blocks, it’s flexible by design. You can give both columns equal weight or let one lead while the other supports. Subtle use of background colour allows it to shift from understated and informative to more prominent and action-focused, all within the same consistent framework.
Content Block Fields:
Eyebrow
Headline
Text Columns - Max limit 2
Nested Text Column Fields:
Eyebrow Title
Headline
Body Copy
Primary Button
Content Block Settings:
Background Colours
Demo
Two Column Text headline
Nested Headline One
Clear structure makes complex information easier to navigate. This layout helps users scan content quickly without losing depth or detail.
Nested Headline Two
It’s flexible enough to support different messages side by side, whether that’s comparison, explanation or a simple call to action.
Two Column Text headline
Nested Headline One
Clear structure makes complex information easier to navigate. This layout helps users scan content quickly without losing depth or detail.
Nested Headline Two
It’s flexible enough to support different messages side by side, whether that’s comparison, explanation or a simple call to action.
Two Column Text headline
Nested Headline One
Clear structure makes complex information easier to navigate. This layout helps users scan content quickly without losing depth or detail.
Nested Headline Two
It’s flexible enough to support different messages side by side, whether that’s comparison, explanation or a simple call to action.
Two Column Text headline
Nested Headline One
Clear structure makes complex information easier to navigate. This layout helps users scan content quickly without losing depth or detail.
Nested Headline Two
It’s flexible enough to support different messages side by side, whether that’s comparison, explanation or a simple call to action.