The
design system is called
| code depth | HTML/CSS/JS | |
| components | ||
| JS library/framework | jQuery, Vue | |
| typescript | ||
| web components | ||
| tests | Chai, Karma, Sinon, Mocha | |
| linter | ESLint, cssLint, StyleLint | |
| CSS | Sass, Less, postCSS | |
| CSS in JS | ||
| design tokens | ||
| bundle manager | Webpack, Gulp | |
| distribution | npm, Yarn |
| UI kit | ||
| brand guidelines | ||
| color palette | ||
| color naming | ||
| contrast analysis | ||
| typography | Go to typography | |
| icons | Icon Font, SVG | |
| space / grid | Go to space / grid | |
| illustration | ||
| data visualization | ||
| animation | Go to animation | |
| voice & tone |
| accessibility guidelines | ||
| design principles | ||
| documentation website | ||
| code documentation | Markdown | |
| storybook | Go to 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!