Timeline — Vintage / Year-by-Year Variant

What it does

• Horizontal year track — the years run along a clear horizontal axis the learner can scroll or scrub through
• Tap-a-year reveal — selecting any year opens a detail panel with that year's story, rating, or notes
• Active-year highlight — the current year is clearly marked on the track so the learner stays oriented
• Comparison-friendly layout — tapping back and forth between years keeps the same panel structure so comparisons are easy
• Smooth scrubbing animation — the track responds fluidly to drag, click, or arrow keys

Best use cases

• Wine and spirits — vintage charts, distillery release histories, regional growing-year comparisons
• Sports — season-by-season records, championship histories, athlete career arcs
• Investing and finance — year-over-year returns, market cycle reviews, portfolio histories
• History and culture — decade-by-decade overviews, event histories, art-movement timelines
• Brand and product — product release timelines, brand milestone histories, version histories

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, timeline track, active-year highlight, detail panel background, and accent
• Fonts — two roles: a display font for years and headings, plus a body font for details
• Copy — title, intro line, year labels, per-year story or notes, and any rating/score language
• Images — optional image or icon per year (label, photo, badge) plus a larger detail image inside the panel
• Behavior — choose the number of years, default selected year, and how prominently scores or ratings are shown