Skip to content

Work / Trunk / Wiki / Surfaces

design-consistency

Surfacecanonicalverified 2026-10-18

SURFACE.WEB.ANALYSIS.DESIGN-CONSISTENCY

Summary

Design consistency, analysed: duplicate components (Card and the pricing tile; KpiTile and StatRow's highlight), the near-duplicate token (ink-3 and a raw gray-500, both #6B7280), token adoption and hard-coded values, state coverage (KpiTile has no Empty), and the spacing scale.

Raw wireframe

  • .context/designs/web/analysis/design-consistency.html
  • .context/designs/web/analysis/design-consistency-locked.html — locked

Why it is drawn this way

Each finding names its fix: what is alike, how alike, what the fix would be. It is changed elsewhere, in a draft; this page only reports (2026-10-17-analysis-read-only).

State coverage is a matrix of components by Empty, Loading, Data and Error.

The spacing histogram shows which values are off the scale of 4, 8, 12, 16, 24, 32, 48 and 64.

One name. The title, the h1 and the panel row all say Design consistency, the Analysis score. Verify's score is the Match score, a different number.

Locked on the free month (moment 1): one centred card, "Design consistency detail is on Team", with Move to Team. The panel links to the locked pages.

Related

Sources

  • .context/designs/web/analysis/design-consistency.html
  • .context/designs/web/analysis/design-consistency-locked.html — locked
  • The owner's instructions in the session of 2026-10-14.