Design health

OpenVibe.News

98.8 2 files read at 1da9a68, Nov 1, 2026.

Spinners0
No reduced motion0
Hand-set timings1
Hand-set curves1
Colours outside the theme15

Where

All 17. Each opens its line on GitHub.

  1. Timingpublic/css/briefs.css:14.live-dot { display: inline-block; width: .55em; height: .55em; border-radius: 50%; background: #ef4444; vertical-align: middle; animation: live-pulse 1.6s ease
  2. Curvepublic/css/briefs.css:14.live-dot { display: inline-block; width: .55em; height: .55em; border-radius: 50%; background: #ef4444; vertical-align: middle; animation: live-pulse 1.6s ease
  3. Colourpublic/css/briefs.css:2.badge-ai { background: color-mix(in srgb, #a78bfa 18%, transparent); color: color-mix(in srgb, #8b5cf6 70%, var(--text-primary, #e6edf7)); border: 1px solid co
  4. Colourpublic/css/briefs.css:2.badge-ai { background: color-mix(in srgb, #a78bfa 18%, transparent); color: color-mix(in srgb, #8b5cf6 70%, var(--text-primary, #e6edf7)); border: 1px solid co
  5. Colourpublic/css/briefs.css:2.badge-ai { background: color-mix(in srgb, #a78bfa 18%, transparent); color: color-mix(in srgb, #8b5cf6 70%, var(--text-primary, #e6edf7)); border: 1px solid co
  6. Colourpublic/css/briefs.css:3.badge-breaking { background: color-mix(in srgb, #ef4444 16%, transparent); color: color-mix(in srgb, #ef4444 75%, var(--text-primary, #e6edf7)); border: 1px so
  7. Colourpublic/css/briefs.css:3.badge-breaking { background: color-mix(in srgb, #ef4444 16%, transparent); color: color-mix(in srgb, #ef4444 75%, var(--text-primary, #e6edf7)); border: 1px so
  8. Colourpublic/css/briefs.css:3.badge-breaking { background: color-mix(in srgb, #ef4444 16%, transparent); color: color-mix(in srgb, #ef4444 75%, var(--text-primary, #e6edf7)); border: 1px so
  9. Colourpublic/css/briefs.css:14.live-dot { display: inline-block; width: .55em; height: .55em; border-radius: 50%; background: #ef4444; vertical-align: middle; animation: live-pulse 1.6s ease
  10. Colourpublic/css/briefs.css:17.wire-cluster.is-breaking { border-left: 3px solid #ef4444; padding-left: 10px; }
  11. Colourpublic/css/news.css:64.ov-diff ins { background: rgba(34,197,94,.25); text-decoration: none; }
  12. Colourpublic/css/news.css:65.ov-diff del { background: rgba(239,68,68,.25); }
  13. Colourpublic/css/news.css:90.live-dot { display: inline-block; width: .55em; height: .55em; border-radius: 50%; background: #ef4444; vertical-align: middle; }
  14. Colourpublic/css/news.css:91.badge-ai { background: color-mix(in srgb, #a78bfa 18%, transparent); color: color-mix(in srgb, #8b5cf6 70%, var(--text-primary, #e6edf7)); border: 1px solid co
  15. Colourpublic/css/news.css:91.badge-ai { background: color-mix(in srgb, #a78bfa 18%, transparent); color: color-mix(in srgb, #8b5cf6 70%, var(--text-primary, #e6edf7)); border: 1px solid co
  16. Colourpublic/css/news.css:91.badge-ai { background: color-mix(in srgb, #a78bfa 18%, transparent); color: color-mix(in srgb, #8b5cf6 70%, var(--text-primary, #e6edf7)); border: 1px solid co
  17. Colourpublic/css/news.css:99.nh-kicker .badge-ai { color: color-mix(in srgb, #8b5cf6 55%, var(--text-primary, #e6edf7)); } /* 4.49:1 at 70% on a card */

Every site · How it is measured · /api/v1/design-health/news