Resource Drawer — Slide-Out Supplementary Panel

What it does

• Drawer trigger — a clear 'resources' tab or button on the side of the lesson page
• Slide-out panel — the drawer animates out smoothly without reloading the lesson
• Categorized resource list — links, downloads, examples, or case studies grouped by type
• Quick-close return — closing the drawer drops the learner exactly back into the lesson
• Mobile-friendly behavior — on small screens the drawer becomes a full overlay sheet

Best use cases

• Design and brand education — case studies, examples, alternate techniques per lesson
• Coding and technical courses — code samples, docs, alternate solutions
• Coaching and leadership — frameworks, worksheets, additional reading
• Cooking and craft — alternate recipes, technique videos, ingredient sourcing
• Marketing courses — swipe files, examples, additional templates
• Music and performance — sheet music, exercise variations, listening references

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 — palette for the trigger, drawer surface, category headings, and link states.
• Fonts — two roles: a confident headline font for category labels and a readable body font for resource links.
• Copy — drawer label, category headings, and short descriptions per resource.
• Images — optional thumbnails per resource. Keep them small to avoid pulling focus.
• Behavior — choose drawer side (left/right), open/close speed, and whether the drawer remembers state across lessons.