Aalto University in Education & research
Brand and visual identity guidelines of the Finnish university, with digital components.
- Components: yes
- Voice: yes
- Kit: yes
- Code: no
62 design systems
A design system is more than components. These systems also document how the product should write: its voice, how tone shifts between a success message and an error, grammar and punctuation rules, inclusive language and word lists. That guidance keeps interface copy consistent when many teams write it.
Aalto University in Education & research
Brand and visual identity guidelines of the Finnish university, with digital components.
Adobe's design system behind Creative Cloud and Document Cloud, shipped as React Spectrum and Spectrum Web Components.
Design system of Adjust, the mobile measurement and analytics company.
Alaska Airlines in Travel & mobility
Auro, Alaska Airlines' design system built from web components.
Enterprise UI language from Ant Group, with one of the most widely used React component libraries.
Cloud-connected UI components for apps built on AWS Amplify, for React, Angular, Vue and more.
Foundations, components and content guidelines behind Jira, Confluence and Trello.
Aurora, the design system of the Government of Canada's GCTools collaboration platforms.
The open-source design system behind the AWS Management Console, with React components.
Skyscanner's design system for web, iOS and Android.
The BBC's Global Experience Language: shared design guidelines for BBC websites and apps.
British Gas in Energy, telecom & industry
Nucleus, the design system behind British Gas's customer websites.
Design system of Buzzvil, a South Korean ad-tech company.
Fleet, the City of Boston's pattern library for boston.gov.
Design, content and accessibility guidance from the UK's Co-op.
Forma 36, Contentful's React design system, also used to build apps for its platform.
EUI, the React components behind Kibana and Elastic Cloud.
Brand Estonia: the country's visual identity, tone of voice and design toolkit.
Finland's country brand toolbox: visual identity, images and storytelling guidance.
Acorn, the design system behind Firefox.
Microsoft's Fluent components for React, web components, iOS and Android.
A responsive front-end framework for websites and HTML email.
DSFR, the official design system for French state websites.
Pajamas, GitLab's design system, with Vue components in GitLab UI.
Google's open design system for Android, Flutter and the web, now Material 3.
Yoga, Gympass's design system for React and React Native.
Helios, HashiCorp's design system for its cloud products, built with Ember components.
IBM's open-source design system, with React, web component and Angular implementations.
IBM's brand-level design language: color, IBM Plex type, iconography and motion.
IBM's standards for building ibm.com web pages.
Harmony, the design system behind QuickBooks and Intuit's small-business products.
Italian government in Government & public sector
Designers Italia, the design system for Italian public administration services.
Kaizen, Culture Amp's design system for its employee experience platform.
KRDS, the official design system for South Korean government websites.
VK (Mail.ru Group) in Media & social
Paradigm, the design guidelines of Mail.ru Group, now VK.
Mailchimp's guide to voice, tone, grammar and writing for accessibility.
A minimal Material Design UI kit from MDBootstrap.
Design system of the product analytics company Mixpanel.
How the UK bank Monzo writes: its tone of voice guide.
Morningstar in Finance & insurance
Design system of the investment research firm Morningstar.
Standards, components and content guidance for building NHS digital services.
Nordnet in Finance & insurance
Brand and design guidelines from the Nordic investment platform Nordnet.
Persona, the design system of the Indonesian digital signature company Privy.
Pharos, the web component design system behind JSTOR.
Priceline's React design system.
SLDS, the CSS framework and guidelines for building Salesforce-style apps.
Sprout Social in SaaS & productivity
Seeds, Sprout Social's design system.
Framework-agnostic web components, now continued as Web Awesome.
Shopify's design system for its admin and the apps built on its platform.
iX, Siemens' open-source design system for industrial software.
SGDS, the Singapore Government Design System.
Stacks, Stack Overflow's CSS and component design system.
Paste, Twilio's React design system.
Vanilla, Canonical's Sass framework for Ubuntu websites.
Community-made UI elements in plain CSS and Tailwind, free to copy.
USWDS, the design system for U.S. federal government websites.
Design system for the West Midlands public transport network's websites.
Canvas, Workday's design system, with React components.
Yelp's style guide for its web products.