BLOG
Suggest Product

Design System

P

The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.

H

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

S

The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.

S

The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.

N

Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.

P

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

P

Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.

C

This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.

G

GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.

Y

The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.

W

We’ve been working to create this design system as a centralised hub for showcasing our design rules, principles, and frontend components.

P

Pega is a powerful UX system for engaging customers and employees. Pega software solves complex business problems through outcome-based product design.

H

We design holistic, consistent, intuitive, accessible experiences and interfaces that offer value to existing and new Heroku customers. We champion our users.

M

Base is an internal guide & code repository for designing and coding at Mapbox. Not a Mapbox team member? Feel free to find inspiration or borrow from Base.

M

This site aims to provide everything you need to get up to speed quickly when designing for MongoDB. You'll find documentation for components, Sketch assets, and usage guidelines.

M

The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, and intuitive app.

H

This style guide is our brand’s playbook. A way of presenting people with a polished brand experience, but also a way to empower members of the Help Scout team to move quickly and do excellent work.

R

When creating Rizzo, we didn't focus on the Style Guide as the deliverable. Instead we focused on reducing complexity and increasing reusability.

S

The Swarm Design System is a living ecosystem to help our teams craft online experiences to bring people together offline.

F

The library directly reflects the FutureLearn platform and uses the same underlying CSS and markup to display the elements and rules that make up the interface.

O

Opattern is a design system and style guide for everyone who creates Opower products. See the look and feel we’re going for and get specs for colors, buttons, charts, and more.

Q

The QuickBooks Design System mission is to deliver delightful customer experiences that elevate our brand.

S

The SendGrid Style Guide is a library for developing consistent UI/UX at SendGrid. It is made up of modular, reusable components based on OOCSS and SMACSS principles.

M

Mineral UI is an open-source design system created to simplify building appealing, modern software experiences.

C

UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences.

I

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

C

This website style guide is intended to help anyone involved with communications for Code for America and its affiliate programs.

E

A unified aesthetic plays a key role in making E-Trade a connected, engaging and meaningful experience. Through the Design Language, our experiences are differentiated, easy to use and easy to comprehend.

W

The Workday Canvas Design System provides designers and developers with tools to create exceptional experiences. Delve into our design standards, writing guidelines, and playbook.

U

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

U

Uniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation.

F

A living styleguide for product designers & developers at MYOB. Explore foundations of our design system including typography, colors, grid and more.

P

In order to create a consistently great experience for our users, Priceline One is meant to be the single source of truth for user interface standards for both designers and developers.

A

We are sure that designers and front-end developers should work in tandem, using all the advantages of a design system for testing hypotheses and developing products.

G

GEL is our single source of truth, providing everything you need to deliver our brand promises and create consistent, coherent customer experiences across our entire digital landscape faster, and with less effort.

I

A central resource for development tools, best practices, and support documentation to help everyone create consistent, quality UX.

R

Familiarity is a key component of usability. With Rivet, you get a toolset for creating familiar web applications to give users a better experience.

S

Solid is BuzzFeed's CSS style guide. Influenced by frameworks like Basscss, Solid uses immutable, atomic CSS classes to rapidly prototype and develop features.

M

Marvel created this styleguide to act as a central location where they house a live inventory of UI components, brand guidelines, brand assets, code snippets, developer guidelines and more.

M

The Morningstar Design System aligns product teams on Morningstar brand, visual language, UX, and technical standards.

A

The Australian Government Design System provides a framework and a set of tools to help designers and developers build government products and services more easily.

B

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.

.

Designers Italia is the reference point for the design of the Public Administration – guides , tools and a forum to foster collaboration and promote the role of human centered design in the development of public services.

A

We help product teams at AXA build meaningful interactions and share best practices. Principles, tools, templates, components, advice – the one stop shop to create state of the art digital assets.

S

Solar is the design system for Bulb products. Our design system is a collection of shared design patterns and practices that allow our team to build quality consistent interfaces.

S

Stacks provides everything you need to quickly deliver coherent, consistent experiences across all of Stack Overflow—the product itself, and emails.

A

The Oracle Alta UI system was used to develop the most recent Oracle Cloud products, the latest versions of Oracle Fusion Applications, a number of innovative mobile applications, with many more to come.

D

The Beeline Design System is a library of design standards and patterns that can be used to design and build any number of Beeline products. A single source of truth for all Beeline product design needs.

V

The design system for Vercel and public branding assets for Vercel's products.

P

Protocol is a design system for Mozilla branded websites. It establishes a common design language, provides reusable coded components, and outlines high level guidelines for content and accessibility.

A

Asphalt is GO-JEK's very own design language system. This is a collection of guidelines and components which can be used to create amazing user experiences.

B

Blocks is the shared approach, language, and communication between design, engineering, and product teams at CBRE Build. The site contains a library of reusable UI and code components that are used to solve a variety of design problems.

T

Thumbprint is a living system that streamlines the design and development process through consolidation, standardization, and documentation.

Q

CSS in JS based reusable components, are the core of Quantum design-system a library for developing consistent UI/UX at Catho.

R

React95 is a unique component library inspired by the Windows 95 UI design.

V

Vanilla is a simple extensible CSS framework, written in Sass, by the Ubuntu Web Team. Anyone can contribute to Vanilla, improve it and extend it. All the code is available on GitHub and is licensed under LGPLv3 by Canonical.

I

Instructure UI has a number of beautiful and accessible React components with baked-in styles and theming and helpful utility functions.

D

The Digital Design System is a central repository where we house reusable UI elements, high-quality, tested code, and guidelines and UX patterns for a consistent user experience.

R

Ratio is a new Rambler design system designed to optimize work with the visual language of products and their interfaces.

B

The Barista Design System is a collection of reusable components, patterns and styles living in code. All parts follow the Dynatrace design principles.

R

Rimble is here to make life easier for everyone. As an open source project, Rimble aims to create common dApp UX patterns, validated through user research, and built for developers.

E

These guidelines are designed to help developers and designers create a beautifully consistent experience on the elementary OS desktop. They were written for interface designers, graphic artists and software developers who will be working on elementary OS.

F

SAP Fiori Fundamentals is a light-weight presentation layer using HTML and CSS with the following implementations under active development – Angular, React, and Vue.

L

Use Liquid to create and develop digital products to make science faster, treatments more personalized, and everyday work more enjoyable.

M

At Mixpanel, we want to create a cohesive experience for our users. This system will enable teams to be more efficient, have a shared language across the company, and focus deeper on solving user problems.

C

Comet is a scalable design system of visual language, components, and design assets encoded as and extensible from HTML & CSS starting points for use in Discovery Education digital experiences.

S

This creative hub is home to all the tools and resources needed to understand the Sprout brand, express it creatively and inspire meaningful customer experiences.

X

X is the Biteable Design System — a considered collection of resources to help you create Biteable-flavored design and content. Come here to understand our brand and creative vision, align with our philosophy, and access tooling.

.

We have created .pulse as the one source of truth for all processes and beliefs inside Heartbeat Agency. Like any tool or methodology, it will only work right when used right. And "right" can only be determined through a process of constant polishing and practice.

B

The single source of truth for building Biings products. BDS is a series of guidelines used for creating unified experience and UI. Avoid design missteps by combining styles and components together.

F

Unified design practices and code implementation to help us create exceptional and cohesive products for our users.

S

Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

D

Duet provides a set of organized tools, patterns and practices that work as the foundation for LocalTapiola and Turva digital products and experiences.

A

Anvil is a collection of design guidelines and development tools for building products at ServiceTitan.

Y

Yoga is a scientific system of practices made to help each one of us achieve our highest potential and experience (Gympass Cross-platform design-system)

D

The NSW Design System is a way for people in government to design products and services that are distinctly NSW. It’s a toolkit to help us to create consistent, user-focused experiences for our customers.

S

The simplest, fastest way to build user interfaces that look and feel like they belong in the Benevity ecosystem of Purpose-driven software. Save time and avoid reinventing already solved problems by tapping into this resource of shared learnings and best practices of common patterns within our software.

P

PatternFly is an open source design system created to enable consistency and usability across a wide range of applications and use cases. PatternFly provides clear standards, guidance, and tools that help designers and developers work together more efficiently and build better user experiences.

L

Design guidelines, component documentation, and resources for building interfaces with Flexport’s design system.

C

Cedar is REI’s open-source Design System for digital products and experiences. Cedar includes the resources to create user interfaces consistent with REI’s experience principles, brand styles, and best practices.

W

Wanda is Wonderflow’s open-source design system built for digital products and experiences. Wanda aims to provide a solid guidance for designers and developers, to reduce the risks of divergence.

VTEX Styleguide is the design system for VTEX, serving as the home for all reusable patterns, components, and assets related to product design.

Figma's UI2 Design System is a comprehensive set of design guidelines and resources that help teams create consistent, high-quality user interfaces (UIs) across web, mobile, and other digital platforms.

You may speed up your design system by using the opinionated collection of open-source tools and frameworks known as The Radius.

Design, construct, and produce using the design system on GitHub

At Twilio, the Paste design system is employed to create user interfaces that are intuitive, unified, and of the highest caliber. With tools and resources, Paste assists Product Designers and Engineers in creating consumer UIs in Figma and React.

For Mail.ru products, Paradigm is a design system that enables us to preserve the integrity of the user experience while streamlining design and development resources.

The goal of the Palmetto Design System is to make it easier and faster for us to produce applications with the Palmetto brand.

These rules establish the requirements for maintaining a consistent brand image. The GitLab brand has developed into what it is today because to the cooperation of many contributors and iterative procedures, just like their product and business. It serves as a creative outlet for Gitlab's mission, vision, and core principles.

Open source design framework for your upcoming trip endeavor.

A largely subjective but feasible method for creating adaptive digital interfaces with a shared anatomy.

NativeBase is an open-source, utility-focused component toolkit that enables you to create UIs for Android, iOS, and the web that are all consistent.

The Sainsbury's design system is called Luna. Additionally, Argos, Habitat, Tu, Nectar, and Sainsbury's Bank are supported.

A Java web app development platform is called Vaadin. You can create dependable web applications with excellent UX much more quickly now.

You can find helpful components for your web application in the vast Clay Component Library, which also includes rich code examples.

The source of truth for tools, standards, and best practices when building products at Zendesk.

The GOV.UK Design System is for everyone, with a strong community sitting behind it. It brings together the latest research, design and development from across government to make sure it’s representative and relevant for its users.

Friday Design System (FDS) is a Design System accelerator that will assist you in quickening the development and design processes. It includes open-source components and modules that spare you the trouble of creating a Design System from start.

Forma 36 is an open-source design system developed by Contentful with the goal of lowering the burden of UI creation by giving digital teams building and upgrading Contentful products tools and assistance.

With free examples and templates for designers and developers, financial app prototype and implementation can be sped up.

Evergreen is a React UI Framework used to create ambitious web products. by Segment, for your enjoyment.

An open source web application design system is called Cloudscape. It was created for Amazon Web Services (AWS) goods and services and is utilized by them.

Decathlon Design System helps us to build a consistent and quality user experience through our different ecosystems.

Bold components were created in accordance with WCAG AA level standards so that you can create inclusive digital goods to improve user experience.

Gusto automates payroll, employee benefits, and human resources for more than 200,000 businesses globally.

Designers and developers create world-class Shopify admin experiences using the Polaris design framework.

The Olympic Games have spread a message of inclusivity, universality, and hope for 125 years. It was time to combine these enduring principles into a holistic Olympic brand identity that would be present from flame to flame as well as during the Games.

Deutsche Bahn, the national railway company of Germany, is one of the most recognized brands in Germany. With the help of their DB Digital Product Platform, the company enables developers, designers, and copywriters to build flexible digital experiences with an emphasis on mobility.

Within Nordhealth, a core group of designers and developers is devoted to creating and maintaining the Nord Design System.

If the designers and developers behind Design System give teams access to common resources including elements, components, patterns, and code as well as instructions on how to design and build with them.

he open source design platform for goods and digital experiences used by IBM is called Carbon.

Audi user interfaces come in a wide variety to match their functions, from applications for specific services to creative websites.

A set of UI, styles and components we use to build monday.com by its UI, accessibility and craftsmanship guidelines.

Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products.

MX puts a user’s data on center stage, molding it into a cohesive, intelligible, and interactive visualization.

Salesforce Lightning Design System is flexible. Start building immediately, without worrying about detailed specs. SLDS lets you focus on the big picture to deliver the best possible user experience.

The Goldman Sachs Design System is customized for institutional finance and allows teams to create digital products that put clients first.

Intergalactic is a constantly developing system of UI components, guidelines and UX patterns. With all these tools you can build your own product.

Fluent is an open-source, cross-platform design system that gives designers and developers the frameworks they need to create engaging product experiences—accessibility, internationalization, and performance included.

The Elastic UI (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics.

The Chicago Design System is the public visual identity of the City of Chicago. It is an inclusive, equitable, cost saving system for City communication and for public use to show civic pride.

Chakra UI's official Figma components library, with simple, modular and accessible components that give you the building blocks you need to design and build your React applications.

Design principles of Airtable

Base Web is a foundation for initiating, evolving, and unifying web products.

An open platform for building developer portals

Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.

Ant Design Open Source is a free and easy to use Figma library that's always up to date with the latest changes to the official repo.