🔒 Premium Lesson Interactive

Matching Pairs — Atmospheric Variant

A two-column matching activity where learners draw a line or click to pair items across columns, with a moody, atmospheric register. Pilots a 'cellar door' wine pairing but the pattern fits any term-to-definition, cause-to-effect, or concept-to-example match.

Best for: Premium and sensory brands where matching exercises should feel evocative — wine, fragrance, art, ritual, or mood-driven content.

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

What it does

  • Two-column matching layout — items appear on the left and their counterparts on the right; learners click or drag to connect each pair
  • Atmospheric styling — textured background, refined type, and soft accent glows give the activity a premium, sensory feel
  • Instant correctness feedback — correct matches lock in with a quiet glow; wrong matches release and let the learner try again
  • Connection lines or markers — visual lines or paired-color cues confirm which left-item maps to which right-item
  • Progress indicator — a discreet counter shows how many pairs remain
  • Completion close — ends with a calm confirmation and optional reflective prompt

Best use cases

  • Wine and spirits — pair grape with region, food with wine, or aroma with style
  • Fragrance and candles — match notes to families, or scents to moods
  • Wellness and ritual — pair herbs with intentions, or practices with outcomes
  • Art education — match works to artists, eras, or movements
  • Editorial brands — pair quotes with authors, or themes with essays

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 page background, column backgrounds, item colors, connection-line color, accent glow, and feedback states; works well with deep, moody palettes
  • Fonts — two roles: an expressive display font for the prompt and column headers, and a refined body font for items
  • Copy — the prompt or evocative intro, column headers, left items, right items, completion message
  • Images — optional item imagery (photographs, illustrations, marks) on either column
  • Behavior — choose click-to-pair vs. drag-a-line, strict vs. forgiving feedback, and how completion is celebrated

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.