PATTERN: Stats Bar (consumer-only)
COMPOSES: (standalone — no other DS components)

4-column equal-width KPI strip. Sky-blue big numbers (36px, extrabold) above uppercase neutral-500 tracking-wide labels. Placed below the Hero Search pill to show platform scale.

4-KPI strip — platform scale

Demo: Four stats from the Figma design — courses / subjects / reviews / satisfaction. Uses stats-bar grid and stats-bar-item cells.

5000+
Courses Available
900+
Subject Areas
5,000+
Student Reviews
98%
Course Satisfaction
<div class="stats-bar"><div class="stats-bar-item"><div class="stats-bar-value">5000+</div><span class="stats-bar-label">Courses Available</span></div>...</div>

In context — below Hero Search

The stats bar sits inside the hero wash immediately after the search pill. margin-top: 26px is built into stats-bar.

Find your sixth form. Compare. Apply.

Type of school
(e.g., Sixth Form School)
What to study
Choose subjects
Near to
Enter postcode
Advanced Filters 245 potential results
5000+
Courses Available
900+
Subject Areas
5,000+
Student Reviews
98%
Course Satisfaction