The
design system is called
| code depth | no data | |
| components | ||
| JS library/framework | React | |
| typescript | no data | |
| web components | no data | |
| tests | Jest, React Testing Library, Chromatic | |
| linter | Prettier, ESlint, Stylelint | |
| CSS | Sass | |
| CSS in JS | no data | |
| design tokens | ||
| bundle manager | no data | |
| distribution | npm |
| UI kit | no data | |
| brand guidelines | no data | |
| color palette | Go to color palette | |
| color naming | natural (e.g. neutral-500) | |
| contrast analysis | no data | |
| typography | Go to typography | |
| icons | Go to icons | |
| space / grid | Go to space / grid | |
| illustration | no data | |
| data visualization | no data | |
| animation | no data | |
| voice & tone | no data |
| accessibility guidelines | no data | |
| design principles | no data | |
| documentation website | Go to documentation website | |
| code documentation | Go to code documentation | |
| 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!