Why most design systems fail at the leadership layer - zeroheight

Ben Martin explains how leadership choices — unclear ownership, misaligned incentives, and weak sponsorship — make or break a design system.

Disabled UI states are one of the most common accessibility failures in design systems, mostly because they look like a solved problem and aren't. Chela Giraldo breaks down why they fail and offers 7 concrete patterns to use instead. If you're building or auditing a component library, this belongs in your review checklist.
#accessibility #designSystems #a11y

https://zeroheight.com/blog/rethinking-the-disabled-norm/

Rethinking the "disabled norm": 7 patterns to use instead in your design system - zeroheight

Chela Giraldo explains how disabled states harm accessibility and what to do instead to build clearer, more inclusive user interfaces.

Your Design System Might Be AI-Ready—Your Organisation Probably Isn’t, by @murphytrueman.com:

https://blog.murphytrueman.com/your-design-system-might-be-ai-ready/?ref=frontenddogma.com

#designsystems #ai

Your design system might be AI-ready. Your organisation probably isn't.

The technical preparation is well underway. The organisational questions it creates are a different problem entirely.

Murphy Trueman

The Style/token documentation updater™ plugin for the Style/token documentation components™ Figma library is out at last 🎉

That's a mouthful, but the gist of it is simpler...

If you use my components to document color and typography variables or styles inside a Figma file, you can now run this new plugin to automatically update your documentation with just one click 🤓

Demo video coming soon 🤞

#Figma #DesignSystems #DesignTokens

Refero Styles — Design Systems for AI Agents

Search a curated DESIGN.md library for AI agents: colors, typography, spacing, and component patterns from top websites.

Refero Styles

Day 5 design-tips wrap-up.

We ship dual-surface SaaS dashboards — dark for sessions, light for reads, design tokens for both. Five-year-old apps with magic-number CSS are why this matters.

Portfolio: risesitelab.com/#portfolio

GrowthSite Lab.

#WebDev #DesignSystems #FediverseDevs

Dark mode looks cool. Light mode reads. In premium SaaS you ship both.

Default by context — not trend. Session-heavy apps default dark. Read-heavy default light. Respect prefers-color-scheme on first visit. Persist the user's choice forever after they toggle.

WCAG 4.5:1 on body text — both palettes — is non-negotiable. Design tokens, never magic numbers; light + dark are two themes of the same color tree.

GrowthSite Lab.

#WebDev #UIUX #DesignSystems #A11y #FediverseDevs

One for those who like their conferences useful 😀 : @pixelpioneers Bristol is back on 19 June 2026. 🎉

We return with the good stuff: CSS, JavaScript, #a11y and inclusive design, sustainability, #designsystems, better designer/developer collaboration, and more!

Come for the talks, stay for the ideas you’ll be itching to try on Monday: https://pixelpioneers.co/events/bristol-2026

Disabled states are everywhere. But they're not accessible. So why are we still using them? 😵‍💫

In this article, Chela Giraldo unpacks her frustration with disabled states and suggests 7 patterns to use instead that help build clearer, more inclusive interfaces: https://zeroheight.com/blog/rethinking-the-disabled-norm/

#designsystems #a11y

Rethinking the "disabled norm": 7 patterns to use instead in your design system - zeroheight

Chela Giraldo explains how disabled states harm accessibility and what to do instead to build clearer, more inclusive user interfaces.