Designs Systems
Zachary Winnie, Senior Interface Designer
A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as ‘Voice and Tone’.
Resources
List of Design Systems
- 18F Front End Guide
- A List Apart Patterns
- A List Apart Style Guide
- Alfa-Bank
- Alta (Oracle)
- Ant Design (Alibaba)
- Appear Here Bloom
- Atlassian Design System
- Audi
- Australian Government Design System
- Auth0 Style Guide
- Barricade Style Guide
- BBC Global Experience Language
- Bindary Design System
- Blueprint
- Boundless
- Buffer Style Guide
- Canvas (HubSpot)
- Carbon Design System (IBM)
- Cedar (REI)
- Chameleon
- Clarity (VMware)
- Cloudfare
- Co-op Design Manual
- Cyclops (CenturyLink)
- Duolingo Design
- Disqus Brand & Style Guide
- Fleet (City of Boston)
- Fluent Design System (Microsoft)
- Frend
- FutureLearn
- Gestalt (Pinterest)
- Harmony (Intuit)
- Help Scout Style Guide
- Lightning Design System (Salesforce)
- Louder Than Ten
- MailChimp Patterns
- MailChimp Voice & Tone
- Mapbox Styleguide
- Material Design (Google)
- Marvel
- Mixpanel
- Nachos (Trello)
- nib Design Language System
- Office UI Fabric (Microsoft)
- Perch
- Photon (Mozilla)
- Pivotal
- Plasma (WeWork)
- Polaris (Shopify)
- Predix
- Priceline One
- Primer (GitHub)
- Pluralsight Design System
- Purple (Heroku)
- Rambler
- Rebass
- Ring (JetBrains)
- Scooter (Dropbox)
- ServiceNow Design System
- Snacks (Instacart)
- Solid (Buzzfeed)
- Spark
- Starbucks
- Ubuntu Design
- Uniform
- University of Melborne
- U.S. Web Design Standards
- uStyle (uSwitch)
- Vue Design System Builder
- Wonderbly Design System
- Yelp Styleguide
- Zendesk Garden
- Zuto
Table Of Contents
Handbook Overview
Culture
Code Style
Code Tools
UX Design
UI Design
Front End Development
Favicons
Fonts
JavaScript
Frameworks
Designs Systems
Color
Meta
Accessibility
Safari iOS
HTML
Internet Explorer
Browser Support
CSS
Gulp
React
Images
SVG
Video
Performance
Sass
Knockout.js
Icon Fonts
Back End Development
.NET
Reading
Coding Practices
CMS
SharePoint
SharePoint SPFX
API
Theming
Native Mobile
DevOps
Testing
Functional Tests
Scum
Client Relationships
Job Descriptions
Professional Development