Skip to content

Instantly share code, notes, and snippets.

@priyanshujain
Last active April 21, 2019 12:43
Show Gist options
  • Save priyanshujain/61dc134612d70de10f25d44b5a1502b5 to your computer and use it in GitHub Desktop.
Save priyanshujain/61dc134612d70de10f25d44b5a1502b5 to your computer and use it in GitHub Desktop.
Top 20 Design Systems

Homepage

Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps… material.io

Shopify Polaris

Our style guide is the blueprint for our design system. It helps us collaborate across disciplines to build a great… polaris.shopify.com

iPhone X — Overview — iOS Human Interface Guidelines

Learn about designing apps for iOS. developer.apple.com

Fluent Design System

Edit description fluent.microsoft.com

IBM Design Language

Use the IBM Design Language to create beautifully crafted products and enlightening user experiences. www.ibm.com

Atlassian Design Guidelines | Atlassian Design

Design, develop, and deliver. Use Atlassian’s end-to-end design language to create straightforward and beautiful… atlassian.design

Ant Design — A UI Design Language

An enterprise-class UI design language and React-based implementation with a set of high-quality React components, one… ant.design

Photon Design System

The Photon Design System houses guidelines, reusable UI components, templates, and other resources to help you create… design.firefox.com

Government design principles

Service design starts with identifying user needs. If you don’t know what the user needs are, you won’t build the right… www.gov.uk

QuickBooks Design System — Design success starts here

Customers inspire us. The QuickBooks Design System helps us turn that inspiration into delight. designsystem.quickbooks.com

Carbon Design System

Carbon is the design system for IBM Cloud products. It is a series of individual styles, components, and guidelines… carbondesignsystem.com

Welcome to the MailChimp Content Style Guide | MailChimp Content Style Guide

Guidelines and resources for web writers and editors. Includes: voice and tone, grammar, web style, social media, email… styleguide.mailchimp.com

U.S. Web Design System: A design system for the federal government

Design and build fast, accessible, mobile-friendly government websites backed by user research. designsystem.digital.gov

Audi CI

How do you renew a successful brand? In reality, it does so itself: after all, a successful brand is always ahead of… www.audi.com

Ubuntu Design

Ubuntu brand, app and web guidelines that help you create professional materials, software, sites, apps that build the… design.ubuntu.com

Styleguide - Marvel

Central location for a live inventory of UI components, brand guidelines, brand assets, code snippets and developer… marvelapp.com

IBM Northstar - Standards

Learn how to use the Northstar digital design platform to deliver engaging content and services to any IBM web page. www.ibm.com

Duolingo: Design Guidelines

When written, Duolingo is always a single word with an uppercase 'D'. The 'L' is never capitalized, and the name is… www.duolingo.com

Pluralsight Design System

The Design System strives toward a cohesive design language for Pluralsight's products, a shared vocabulary for our… design-system.pluralsight.com

Lightning Design System

The Lightning Design System provides accessible markup which will serve as a foundation for your application… www.lightningdesignsystem.com

Workday Canvas Design System

The Workday Canvas Design System provides designers and developers with tools to create exceptional experiences… www.design.workday.com

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment