Timeline — Season / Race-Calendar Variant

What it does

• Calendar-style track — months and dates run along the timeline so the learner can read the season's pacing at a glance
• Event markers per date — each event sits as a marker on its date, with a label for quick scanning
• Tap-an-event reveal — selecting an event opens a panel with venue, date details, narrative, and image
• Active-event highlight — the current event is clearly marked so orientation stays easy when comparing
• Past, current, and upcoming states — events visually differ based on whether they've happened, are happening now, or are upcoming

Best use cases

• Motorsports and sports — race calendars, league schedules, tour stops
• Music and entertainment — concert tour dates, festival schedules, season programs
• Conferences and events — annual conference calendars, summit roadshows, exhibition tours
• Corporate planning — quarterly product launch calendars, marketing campaign timelines
• Education and cohorts — academic year calendars, training cohort schedules, certification exam dates

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, calendar track, event marker, active-event highlight, past/current/upcoming states, and accent
• Fonts — two roles: a display font for event names and headings, plus a body font for details
• Copy — title, intro line, event names, per-event story and venue notes, and date labels
• Images — optional logo or location photo per event, plus a larger detail image inside the panel
• Behavior — choose the number of events, default selected event, and whether past/current/upcoming visual states are shown