Accessible Design Systems
Accessibility involves designing inclusive experiences that people of all abilities can use and access. It requires taking into account the needs of individuals with disabilities—whether visual, auditory, motor, or cognitive—and ensuring digital products and interfaces meet those needs.
Key accessibility features might include alt text for images, video captions, keyboard-friendly navigation, proper color contrast, and straightforward, concise content. When accessibility is built into the design process, products become more inclusive, enabling a broader audience to engage with and benefit from digital experiences, promoting equality and equitable access for everyone.
Design System Examples
-
Adobe Spectrum 2
Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a set of adaptable resources for making experiences feel contextual, cohesive, and performant. It’s based on real-world situations. It places people’s needs first. It delivers what’s needed, when it’s needed. It’s constantly adapting. And most importantly: it belongs to everyone.
-
Adobe Spectrum Website
Spectrum, Adobe’s design system
Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.
-
Adobe Spectrum Storybook
Adobe Spectrum Web Components
Web Component implementation of the Spectrum design language.
117 components
561 stories
Last updated 2 months ago -
Apple
Human Interface Guidelines
Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
-
Apple Figma Resources
Figma Community Resources
Apple Design Resources for making great apps for Apple platforms
-
REI Cedar
Cooperative by design
REI Co-op's open-source design system
Freeing people up to build really cool stuffA common language for better designer-developer communication. A reusable toolset and shared standards to increase overall efficiency. Cedar optimizes the space between concept and reality so teams can focus on creating great customer experiences.