openAQ's Design System: openAQ design system

repository https://github.com/openaq/openaq-design-system

what does openAQ's design system include?

Technology

code depth		HTML/CSS/JS
components
JS library/framework		React
typescript
web components
tests
linter		ESLint
CSS		Sass
CSS in JS
design tokens
bundle manager		Gulp
distribution		npm

Design

UI kit
brand guidelines
color palette
color naming
contrast analysis
typography		Go to typography
icons		SVG
space / grid
illustration
data visualization
animation
voice & tone

Documentation & guidelines

accessibility guidelines
design principles
documentation website
code documentation
storybook

do you need help with your system?

Evangelize Design System with a Free Template!

40+ Slides ready for action. Perfect for team and stakeholder presentation. Available as a powerpoint and keynote deck.

Learn more & download

UXPin: Prototype and Manage Your Design System

Prototyping Icon

Join thousands of companies (including PayPal, Sapient and HBO) and optimize your design process with UXPin.

Start a free trial now!