Stats 19 - Sticky milestones list

Pro

A sticky milestones label beside a stacked list of large figures, each paired with a supporting paragraph and a bottom border.

Vue
Shadcn Stats 19 block

Component Data

  • ID:stats19
  • Access:pro
  • Created:Oct 1, 2025
  • Type:block

Stats 19 block design & features

Stats19 is a two-column milestones section built with Shadcn UI. A sticky left column pairs a small orange square with an uppercase Milestones label. The right column is a stacked list of six rows; each row places a large figure beside a short paragraph and sits on a hairline bottom border.

The treatment is typographic and sparse: no cards, no icons, no chart. The orange square is the only color accent. Figures are large and medium-weight; the paragraphs are regular body text. Rows have generous vertical padding. The left label is muted and uppercase. Static.

This reads as an editorial or portfolio milestone list rather than a marketing KPI grid. The sticky label plus long-form captions is a quieter, content-heavy pattern. It is simple structurally but content-driven: you need six real figures and six sentences that justify them.

On large screens the milestones label stays pinned while the list scrolls. On smaller screens the label sits above the list and the two columns stack.