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 (grid)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae urna pharetra, accumsan nunc at, mattis mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla sagittis mi quis magna pulvinar, quis malesuada magna porta. Phasellus convallis accumsan lobortis. Maecenas consequat rhoncus massa ut convallis. Sed tincidunt fermentum nisl ut egestas. Etiam ullamcorper lacinia sem, fringilla suscipit risus auctor a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam turpis erat, ultrices sit amet augue id, tempor iaculis tortor. In feugiat ut est et auctor. Proin pharetra ligula non accumsan ullamcorper.
Vestibulum egestas sed sapien eu pellentesque. Duis tristique justo ex, nec ultricies ex varius in. Nulla fermentum at felis sed rhoncus. Fusce at magna turpis. Cras diam nisi, finibus auctor condimentum non, porttitor porttitor massa. Aliquam porta suscipit porttitor. Sed lacinia condimentum velit, sit amet suscipit augue egestas ac. Aenean pretium pellentesque erat ut sodales. Etiam lobortis felis nec mauris luctus, eget bibendum quam consequat. Nunc sit amet ligula vel mauris maximus tincidunt. Suspendisse ut blandit ipsum. Aliquam tincidunt dolor eu varius condimentum. Proin a hendrerit leo. Curabitur vehicula efficitur nisi.
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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae urna pharetra, accumsan nunc at, mattis mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla sagittis mi quis magna pulvinar, quis malesuada magna porta. Phasellus convallis accumsan lobortis. Maecenas consequat rhoncus massa ut convallis. Sed tincidunt fermentum nisl ut egestas. Etiam ullamcorper lacinia sem, fringilla suscipit risus auctor a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam turpis erat, ultrices sit amet augue id, tempor iaculis tortor. In feugiat ut est et auctor. Proin pharetra ligula non accumsan ullamcorper.
Vestibulum egestas sed sapien eu pellentesque. Duis tristique justo ex, nec ultricies ex varius in. Nulla fermentum at felis sed rhoncus. Fusce at magna turpis. Cras diam nisi, finibus auctor condimentum non, porttitor porttitor massa. Aliquam porta suscipit porttitor. Sed lacinia condimentum velit, sit amet suscipit augue egestas ac. Aenean pretium pellentesque erat ut sodales. Etiam lobortis felis nec mauris luctus, eget bibendum quam consequat. Nunc sit amet ligula vel mauris maximus tincidunt. Suspendisse ut blandit ipsum. Aliquam tincidunt dolor eu varius condimentum. Proin a hendrerit leo. Curabitur vehicula efficitur nisi.
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.
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.