Tabs — Itinerary / Day-by-Day Variant

What it does

• Day or session tabs — clearly labeled tabs let the learner jump straight to any day, session, or module
• Timeline list per tab — each tab holds its own ordered schedule of activities with times, locations, and notes
• Active-tab indicator — the current tab is visibly highlighted so the learner never loses their place
• Smooth content swap — switching tabs fades or slides the panel rather than jarring the page
• Keyboard friendly — left/right arrow navigation moves through the days or sessions

Best use cases

• Travel and hospitality — tour itineraries, retreat schedules, conference day-by-day plans
• Events and weddings — multi-day event schedules, wedding-weekend itineraries, festival lineups
• Cohort courses — week-by-week or session-by-session course schedules
• Workshops and retreats — day-by-day retreat agendas, training program schedules
• Camps and programs — summer-camp daily schedules, kids-program weekly plans

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, tab bar background, active tab color, timeline panel background, and accent
• Fonts — two roles: a display font for tab labels and activity titles, plus a body font for activity details
• Copy — title, intro line, tab labels, and the timeline per tab with times, activity titles, locations, and notes
• Images — optional icon or thumbnail per tab, plus a small image slot per activity
• Behavior — choose the number of tabs, the default open tab, the number of activities per tab, and the swap animation style