A curated list of awesome resources about digital design system.
Keywords: Design system, Design language framework, Design styleguide, Visual language, Vertical rhythm, Design grid system
- Web Designer News: The best curated stories for designers.
- Design Guidelines
- Microsoft Design
- Universal Windows Platform Guidelines (Microsoft)
- BBC Gel
- Atlassian Design Language
- Google Material Design
- Mailchimp (email design guide)
- Blackboard
- Disqus
- OpenTable
- Dropbox
- Facebook Brand Resource Center
- Airbnb (article)
- IBM
- Harmony
- iOS Human Interface Guidelines (Apple)
- US Gov
- Uber
- Nordnet
- FutureLearn
- Ubuntu
- Carbon by IBM
- Shopify Polaris
- Wonderbly Design System
- MailChimp Content Style Guide
- [🇷🇺]Контур.Гайды
- [🇷🇺]Дизайн Альфа-Банка (GitHub, Demo)
- HealthCare.gov
- mixpanel Design
- Photon Design System (Firefox)
- Code for America
-
Alta UI by Oracle
-
Marvel by Marvel
-
Plasma design system: bu WeConnect (GitHub, Demo)
-
Backpack UI: by Lonely Planet (GitHub, Demo)
-
MailChimp Pattern Library: by MailChimp
-
Lightning Design System: by Salesforce (Demo, GitHub)
-
Modulz Design System: An open–source design system of styles, components, templates, tools and documentation. (Demo, GitHub)
- How we’re using Component Based Design
- Creating a Design System Language…
- Plasma design system
- Building a Visual Language: Behind the scenes of our Airbnb design system
- Building a Visual Language
- A List of Style Guides, Brand Guidelines, and Front-End Frameworks
- 🇷🇺 4 правила работы в Sketch над крупными проектами
- Deep dive CSS: font metrics, line-height and vertical-align
- Align svg icons to text
- Design Systems Sprint 0: The Silver Bullet of Product Development.
- Design Systems Sprint 1: The Interface Inventory
- Design System Sprint 2: One Color Palette to Rule them All
- Design System Sprint 3: Managing the Basics
- Design System Sprint 4: Design Principles
- Design System Sprint 5: Managing Typography
- Design System Sprint 6: The Fastest Icons on Earth
- Building a design system for HealthCare.gov
- Create design system guid