Matching Pairs — Cinematic/Editorial Variant

What it does

• Two-column matching layout — creators on one side, their works on the other; learners click or drag to connect each pair
• Cinematic styling — large display headings, dramatic imagery, and confident typography give the page a feature-spread feel
• Instant correctness feedback — correct matches lock in with a refined confirmation; wrong matches release with a calm cue
• Photo or portrait tiles — tiles can carry a portrait, poster, or signature image
• Reveal detail (optional) — once paired, a short caption or fact can appear to deepen the lesson
• Completion close — ends with a polished confirmation and optional reflection or next-step

Best use cases

• Film education — match directors to films or actors to roles
• Music — pair artists to albums or composers to works
• Literature — match authors to novels or poets to collections
• Art history — pair painters with paintings or sculptors with works
• Business case studies — match founders to companies or designers to products

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 backgrounds, accent color, connection-line color, and feedback states; works well with cinematic black, deep navy, or paper-tone palettes
• Fonts — two roles: a strong display font for headlines and creator names, and a refined body font for works and descriptions
• Copy — the prompt, column headers, creator names, work titles, optional one-line context, completion message
• Images — portraits, posters, album covers, or signature imagery on either column
• Behavior — choose click-to-pair vs. draw-a-line, whether reveal detail shows on match, and how completion is celebrated