Two-column rich text

A heading + intro alongside a second column of long-form prose. Two reading columns, optional narrow ratio.

two-column-rich-text editorial

Keywords

rich-text, two-column, prose, editorial

Metadata

Slugtwo-column-rich-text

Categoryeditorial

Default containerstandard

Statuspublished

Variants

background light · alt · dark

ratio even · narrow

Fields (6)

Eyebrow text
Heading text
Left column wysiwyg
Right column wysiwyg
Column ratio button_group
Background button_group

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section two-column-rich-text"
         data-block="two-column-rich-text"
         data-surface="light"
                  data-container="standard">
  <div class="container container--standard">
    <div class="two-column-rich-text__inner">
      <!-- block content -->
    </div>
  </div>
</section>