PulseAugur
EN
LIVE 02:09:12

Websites fail design contracts: Tokens, motion, and accessibility fall short

By PulseAugur Editorial · [2 sources] ·

A recent analysis of 30 real-world websites revealed significant shortcomings in adhering to design contracts, with 60% scoring a D or F and none achieving a B. The study, which used 40 deterministic checks, found that while many teams are aware of design tokens, motion standards, and accessibility, they often fail to implement them fully. Key areas of failure include token compliance, with issues like bare hex colors and missing schema pointers, and motion standards, where reduced-motion paths are often absent or improperly implemented. Notably, marketing sites generally scored higher than the design systems they were built upon, suggesting a disconnect between visual polish and adherence to structured design principles. AI

IMPACT Highlights a gap in digital design implementation, potentially impacting user experience and accessibility.

RANK_REASON Analysis of existing websites against a set of design criteria, not a new product or research.

Read on dev.to — MCP tag →

AI-generated summary · Google Gemini · from 2 sources. How we write summaries →

Websites fail design contracts: Tokens, motion, and accessibility fall short

How we ranked this

Signal score
0 / 100
Composite score across the factors below. Higher = stronger signal that this story matters right now.
Newsworthiness bucket
Commentary
Analysis of existing websites against a set of design criteria, not a new product or research.
Source corroboration
2 independent sources
Multiple independent publishers reporting the same story raises confidence that it's real and newsworthy.
Topics
product, other
Editorial topic classification. Feeds into how the story surfaces on /topic/<slug> hub pages and into the per-entity coverage mix.
AI-industry relevance
Low
Off-topic or adjacent — cluster remains reachable but doesn't surface in AI-industry rankings.
Story freshness
50 days old
Aged out of breaking-news scoring windows; ranking reflects the durable signal from the full source set.

Full methodology in our editorial standards.

COVERAGE [2]

  1. dev.to — MCP tag TIER_1 English(EN) · LE-VAI ·

    We scored 30 real websites against a 40-check design contract. Here's what we found.

    <h2> The headline </h2> <p>We scored 30 sites from our <a href="https://www.designesy.org/leaderboard" rel="noopener noreferrer">live leaderboard</a> — design systems (Primer, Spectrum, Geist), SaaS (Vercel, Linear, Stripe), hardware (Apple), inspiration galleries (CSS Design Awa…

  2. dev.to — MCP tag TIER_1 English(EN) · LE-VAI ·

    We scored 30 real websites against a 40-check design contract. Here's what we found.

    <h2> The headline </h2> <p>We scored 30 sites from our <a href="https://www.designesy.org/leaderboard" rel="noopener noreferrer">live leaderboard</a> — design systems (Primer, Spectrum, Geist), SaaS (Vercel, Linear, Stripe), hardware (Apple), inspiration galleries (CSS Design Awa…

RELATED ENTITIES

RELATED TOPICS