🔒 Premium Lesson Interactive

Drag-and-Drop Categorization — Editorial Variant

A magazine-styled sorting activity where learners drag tiles into the right group buckets, with editorial typography and generous spacing. Pilots a 'sort the stream' editorial lab but the pattern fits any classification or grouping check.

Best for: Editorial brands, premium courses, and content businesses where the sorting activity should feel considered and well-designed rather than utilitarian.

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 labeled category zones
  • Editorial layout — generous spacing, large headline type, and refined tile typography give the page a magazine-style feel
  • Instant correctness feedback — correct drops settle into place with a quiet confirmation; wrong drops glide back to the pool
  • Section headings and intro — opening copy frames the exercise as a thoughtful prompt, not a quiz
  • Progress indicator — a discreet counter or progress line tracks remaining items
  • Completion close — ends with a calm summary message and optional next-step prompt

Best use cases

  • Editorial brands — sort content types, voice categories, or topic clusters
  • Premium courses — classify principles, frameworks, or signature concepts into named groups
  • Wellness and lifestyle — group rituals, foods, or practices into supportive themes
  • Writing and publishing — sort essays, headlines, or genres into voice or audience buckets
  • Membership reference — group resources, guides, or library items into reading paths

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-zone colors, accent color, and feedback states; works well with neutral, off-white, or paper-tone palettes
  • Fonts — two roles: a display serif or editorial sans for headings, and a refined body font for tiles and supporting copy
  • Copy — the prompt or essay-style intro, group labels, tile text, success message, and any reflection prompt at the end
  • Images — optional tile imagery (photographs, illustrations, marks) and section icons
  • Behavior — choose strict vs. forgiving feedback, the number of categories, and how many tiles each zone can hold

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.