A system, seen as cloth

Sample data
Health of a sample system by component family (rows) and product (columns)
Web appiOSAndroidMarketingAdmin
Actions
Forms
Navigation
Feedback
Overlays
Data display
AI patterns
  • Tightly woven 90+
  • Holding together 75+
  • Taking shape 60+
  • Loose threads under 60

Navigation · Marketing · Loose threads

Tabs are re-implemented on three screens, each with its own spacing and focus style.

The fix
Swap the three local copies for the system Tabs; the visual result stays the same.
Who decides
Navigation owner

Seven loose threads

  1. Navigation · Marketing: Tabs are re-implemented on three screens, each with its own spacing and focus style.
  2. Overlays · iOS: LegacyModal is still used seven times, a year after it was deprecated.
  3. Data display · Admin: 23 raw colour values bypass the tokens in tables and charts.
  4. AI patterns · Android: Generated answers are not labelled as AI on two surfaces.
  5. Forms · Android: Select differs between code and the design library: different height and error text.
  6. Feedback · iOS: Toast stays for 2 seconds; its contract says 5 seconds for messages with an action.
  7. Overlays · Android: Dialog does not return focus to the button that opened it.
Each row is a component family and each column a product. Colour and weave show health: the looser the weave, the more work it needs. Pick a marked square to see the problem and the fix.