Original Research
We Audited 276 Agency Websites. 8 Used Their Own Design System.
Last updated: June 11, 2026
Quick answer: OverlayQA audited the homepages of 276 web design and development agencies. 94% had a design token system in place. Average token coverage was 32.4%, with a median of 24%. Only 8 sites used their declared tokens for 90% or more of their styling values. The scans found 12,956 hardcoded CSS values, an average of 47 per site, and 97% of sites had component drift.
Agencies build websites for a living, so we ran their own homepages through the same audit they would run on a client build. The system is almost always there, and the page rarely follows it. Drift this widespread is a measurement gap, not a craft gap: nothing in a standard workflow reports token coverage, so it slips on any site nobody instruments.
Token Coverage Distribution
| Token coverage | Sites | % of measurable sites |
|---|---|---|
| Under 25% | 124 | 50.2% |
| 25-49% | 49 | 19.8% |
| 50-89% | 66 | 26.7% |
| 90-100% | 8 | 3.2% |
Half of all measurable sites used their own tokens for less than a quarter of their styling values. The median was 24%. Fully integrated Tailwind averaged 45% coverage, CSS custom properties 31.3%, and sparse Tailwind 7.2%.
47 Hardcoded Values Per Homepage
12,956 hardcoded CSS values across the dataset, a median of 46 per site, with one homepage reaching 117. Each one is a color, spacing, or typography value that matches nothing in the site's declared system.
One Page, 29 Versions of the Same Component
267 of 276 sites (97%) had at least one drifting component. The median site's worst component rendered in 5 distinct variants; the record was 29 variants of a single component type on one homepage. Links were the most-drifted component on 110 sites, followed by sections (30) and buttons (13).
Twelve Colors on the Page, Four in the Palette
The average homepage used 12 distinct colors, and fewer than 4 matched a declared token. Roughly 3 in 4 sites had five or more off-palette colors.
Where Drift Becomes an Accessibility Problem
270 of 276 sites failed at least one automated WCAG AA check. Agency homepages averaged 34.7 detected violations against the 56.1 web-wide average from the WebAIM Million 2026 analysis. Insufficient color contrast was the leading issue on 37% of sites, and it is exactly what off-palette color sprawl produces.
Agencies vs. Product Teams
| Population | Avg coverage | Median | 90%+ coverage |
|---|---|---|---|
| Product companies (375 sites) | 40.4% | 38% | 7.5% |
| Agencies (276 sites) | 32.4% | 24% | 3.2% |
The pattern fits the shape of the work, not the skill of the teams: client projects come with deadlines and review cycles, and the studio's own site is the one project with neither. The zeroheight Design Systems Report 2026 found only 41% of teams measure design system adoption at all.
What To Do With This If You Run an Agency
- Measure your own site first: a design system audit gives you coverage percentage, hardcoded count, and component drift as a baseline.
- Put a drift check in the launch checklist: a coverage and contrast pass before handoff catches issues while they are one-line fixes, not a line item in a client's next revision round.
- Treat contrast as a design-review item: the most common failure in the dataset is decided in the palette, not the code.
Frequently Asked Questions
What is design token coverage?
The percentage of styling values on a rendered page that reference the site's declared design tokens rather than hardcoded values. The median in this study was 24%.
Why do agency websites have so much design drift?
Client projects come with deadlines and review cycles; the studio's own site is the one project with neither. Only 41% of teams measure design system adoption at all.
Is component drift always a problem?
No. Intentional variants are normal. Drift becomes a problem when variants multiply without anyone deciding: the median site's worst component had 5 treatments, and one site had 29.
How were the 276 agencies selected?
Each publicly offers web design or development services, verified by reviewing its own site and portfolio. All results are aggregate and anonymized.
How can I check my own site's token coverage?
Audit the rendered page, not just the source. OverlayQA's Design System Audit scans a live URL and reports coverage, hardcoded values, component drift, and contrast failures.