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.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.