🔒 Premium Lesson Interactive

Drag-and-Drop Categorization — Atmospheric Variant

A moody, atmospheric sorting activity where learners drag tiles into the right group buckets, with rich textures and a slow-burn visual feel. Pilots a 'wax & memory' fragrance sort but the pattern fits any classification or grouping check.

Best for: Sensory, artisan, and lifestyle brands where the sorting activity should feel rich, evocative, and slow rather than crisp and corporate.

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

What it does

  • Drag-and-drop tiles — learners pull each item from a shared pool into one of several richly styled group zones
  • Atmospheric layout — textured backgrounds, soft glows, and refined typography make the activity feel sensory rather than mechanical
  • Slow-settle feedback — correct drops ease into place with a graceful animation; wrong drops drift back to the pool
  • Tile detail — tiles carry evocative names and optional short descriptors, photographs, or texture cues
  • Mood music or accent (optional) — supporting visuals like soft motion or accent color can reinforce the sensory tone
  • Completion close — ends with a quiet confirmation and optional reflective prompt

Best use cases

  • Fragrance, candle, and tea businesses — sort scent or flavor notes into families, accords, or moods
  • Wine and spirits education — classify aromas, regions, or styles into sensory categories
  • Art and design schools — group artworks into movements, eras, or visual languages
  • Wellness and ritual brands — sort practices, herbs, or stones into intentions or themes
  • Music education — classify pieces or sounds into moods, genres, or listening contexts

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, tile color, group zones, accent glow, and feedback states; works beautifully with deep, moody, or earth-tone palettes
  • Fonts — two roles: an expressive display font for headings and an elegant body font for tile detail and copy
  • Copy — the prompt or atmospheric intro, group names, tile text, sensory descriptions, completion message
  • Images — tile photography or texture art, group glyphs, and optional ambient background imagery
  • Behavior — tune the speed and softness of feedback animations, the number of groups, and how strict the correctness check is

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.