Old Way New Way
Editorial split contrasting a muted old way list with a confident checked new way list.
Editorial split contrasting a muted old way list with a confident checked new way list.
The Marketing Pro Collection unlocks the source for every Marketing Pro block. All Access unlocks every Collection.
Already purchased? Log in
Old Way New Way opens with a two line headline and a short supporting sentence, then splits into two equal columns below. The left column is headed "The old way" and lists five friction points as plain muted text separated by dividers. The right column is headed "The new way" and mirrors the same structure, but each item carries a check icon and sits in full foreground type. The visual contrast between the muted left rail and the confident right rail is immediate.
Both lists are independent arrays, so you can swap every item, add or remove rows, and rewrite the heading copy without touching the layout. The two columns stack to a single column on mobile and sit side by side at medium viewports and above.
Reach for this block when you need to reframe a workflow rather than compare features against a specific competitor. It suits a logistics or delivery platform that wants to show how routing, tracking, and dispatch work today versus how they work on the new system. Because it avoids naming any rival, it reads more like an editorial argument than an ad, which makes it a natural fit for a persuasion section in the middle of a long landing page.
A natural flow around it on a Marketing Pro page:
Before
After
The frame works for any workflow where the status quo is friction and the product is relief. A few directions to take it:
Tip: keep both lists the same length so the dividers align across the two columns and the page reads as a balanced pair.