editorial

Case study split

A bold split panel: full-bleed image on one side, a dark content panel on the other with eyebrow, heading, body and a ticked list.

case-study-split editorial

Keywords

case-study, split, approach, panel, feature

Metadata

Slugcase-study-split

Categoryeditorial

Default containerwide

Statuspublished

Variants

media_position left · right

Fields (7)

Eyebrow text
Heading text
Body textarea
Image image
CTA link
Image position button_group
Points repeater

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 case-study-split"
         data-block="case-study-split"
         data-surface="light"
                  data-container="wide">
  <div class="container container--wide">
    <div class="case-study-split__inner">
      <!-- block content -->
    </div>
  </div>
</section>