🔒 Premium Site Section

With vs Without Program — Mid-Page Contrast Variant

A two-column contrast block that paints the buyer's week without the program next to their week inside it, pilots a coaching program but the pattern fits any offer that promises a felt week-to-week shift.

Best for: Course creators, coaches, and program sellers whose offer changes the buyer's daily or weekly experience and who want that shift made visceral on the page.

Live preview — scroll inside the frame to see the full page.

What it does

  • Two-column with/without contrast — "life without the program" and "life inside the program" sit side by side with matched rows
  • Daily-life row labels — rows reflect the buyer's actual week (Monday morning, mid-week slump, weekend planning) instead of feature lists
  • Visceral language on the "without" side — names the friction, scatter, and isolation buyers recognize from their own week
  • Supported, calmer language on the "with" side — paints the inside-the-program week without overpromising
  • Visual register shift between columns — one side reads heavier or duller; the other reads lighter or warmer to reinforce the contrast
  • Bridge to CTA — ends with a transition line that points buyers to the next step (apply, enroll, learn more)

Best use cases

  • Coaches — making the felt difference of weekly support visible against a buyer's current solo grind
  • Course creators — showing how a structured curriculum changes a buyer's daily practice
  • Wellness and mindset educators — contrasting the chaotic baseline week against the supported one
  • Productivity and operations consultants — painting the messy week without the system against the clean week with it
  • Membership site owners — showing the difference between figuring it out alone and being inside an active community

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

  • Colors — slots for two column backgrounds (one muted/heavy, one warm/light), shared row dividers, and the accent on the bridge CTA
  • Fonts — one display font for the column headlines ("Without [Program]" / "With [Program]") and a clean body font for the row content
  • Copy — two column headlines, every row label, the "without" and "with" descriptions per row, and the bridge-to-CTA line
  • Images — optional supporting visual per column to anchor mood (cluttered desk vs tidy notebook, etc.)
  • Behavior — choose how columns stack on mobile, whether the visual register difference is subtle or dramatic, and how many rows feel right for your offer

How remixing works

From "swiped it" to "shipped it" in three steps.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.