Voice & tone

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.

Some entries are writing guides in their own right. Mailchimp's Content Style Guide and Monzo's tone of voice guide are widely cited examples, and GOV.UK, the NHS service manual and Atlassian publish detailed content design guidance alongside their components. Polaris, Carbon, Workday Canvas and Twilio Paste include content sections next to their component docs.

If you are writing your own guidelines, compare how each one handles error messages, button labels and empty states. Those are where products most often sound inconsistent.

Adobe's design system behind Creative Cloud and Document Cloud, shipped as React Spectrum and Spectrum Web Components.

ReactWeb Componentsupdated today
  • Components: yes
  • Voice: yes
  • Kit: yes
  • GitHub
Amplify UI

Amazon Web Services in Big tech

1.1k

Cloud-connected UI components for apps built on AWS Amplify, for React, Angular, Vue and more.

ReactVueAngularupdated today
  • Components: yes
  • Voice: yes
  • Kit: yes
  • GitHub

Microsoft's Fluent components for React, web components, iOS and Android.

ReactWeb ComponentsiOSAndroidupdated today
  • Components: yes
  • Voice: yes
  • Kit: yes
  • GitHub

IBM's open-source design system, with React, web component and Angular implementations.

ReactAngularWeb Componentsupdated today
  • Components: yes
  • Voice: yes
  • Kit: yes
  • GitHub

Built on the open alexpate/awesome-design-systems list by its contributors, released under the Unlicense. Design Systems Gallery is an independent project, not affiliated with the list's maintainers.

About Synced Oct 16, 2026

© 2026 Design Systems Gallery

Esc

Type to search every entry. ↑↓ to move, Enter to open.