Workshop Day-One Lesson — Inner Pages Interactive Build

What it does

• Drag-and-drop arrangement — learners drag section blocks into a working layout to feel the structure
• Snap-to-grid layout surface — sections lock into a clean structure as the learner arranges them
• Step-by-step build tasks — once structure is set, the lesson moves into sequenced build steps
• Inline examples — each task carries a small example image so the learner sees the target before doing the work
• Progress tracker — visual progress through the activities and tasks
• Branded workshop layout — matches the rest of the program's design system

Best use cases

• Web design workshops — inner-page structure practice
• Course creator workshops — module and lesson structure practice
• Information architecture workshops — site map drag-and-drop
• Curriculum design workshops — unit and lesson sequencing
• Marketing workshops — funnel and page-flow arrangement
• Service-business workshops — onboarding-flow design

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 background, drop-zone surfaces, draggable cards, accent, and completed states
• Fonts — brand display for the activity title and body for step text
• Copy — activity intro, four to seven draggable sections (each with name and short description), six to ten build tasks, and a wrap-up
• Images — example screenshots per task and small icons or thumbnails for the draggable cards
• Behavior — whether the drag layout saves, whether step state persists, and whether the activity links to a connected dashboard