DOWNLOAD OUR LATEST REPORT
Download our free report on how leaders and design system contributors from enterprise companies like Caterpillar, PayPal, or Weir Group build and grow design systems. Learn key lessons on design system maturity and operations.
The
design system is called
| code depth | HTML/CSS/JS | |
| components | ||
| JS library/framework | React | |
| typescript | ||
| web components | ||
| tests | Jest | |
| linter | prettier | |
| CSS | glamor, postCSS | |
| CSS in JS | ||
| design tokens | ||
| bundle manager | ||
| distribution | npm, Lerna |
| UI kit | ||
| brand guidelines | ||
| color palette | Go to color palette | |
| color naming | natural (e.g. psColorsWhite), abstract (e.g. psColorsBone) | |
| contrast analysis | ||
| typography | Go to typography | |
| icons | SVG | |
| space / grid | Go to space / grid | |
| illustration | ||
| data visualization | ||
| animation | Go to animation | |
| voice & tone |
| accessibility guidelines | ||
| design principles | ||
| documentation website | Go to documentation website | |
| code documentation | HTML | |
| storybook |
40+ Slides ready for action. Perfect for team and stakeholder presentation. Available as a powerpoint and keynote deck.
Learn more & download
Join thousands of companies (including PayPal, Sapient and HBO) and optimize your design process with UXPin.
Start a free trial now!
DESIGN
DESIGN SYSTEMS
CODE TO DESIGN
INTEGRATIONS
USE CASES
OVERVIEW
TESTIMONIALS
PRODUCT
LEARN