what does SUSE's design system include?

Technology
code depthHTML/CSS/JS
components
JS library/frameworkjQuery
typescript
web components
tests
linter
CSSSASS
CSS in JS
design tokens
bundle managerGulp
distributionnpm
Design
UI kitAdobe XD / SVG
brand guidelines
color paletteGo to color palette
color naming
contrast analysisGo to contrast analysis
typographyGo to typography
iconsGo to icons
space / gridGo to space / grid
illustration
data visualization
animation
voice & toneGo to voice & tone
Documentation & guidelines
accessibility guidelines
design principles
documentation websiteGo to documentation website
code documentationGo to code documentation
storybook

do you need help with your system?

Evangelize Design System with a Free Template!

Slide Icon

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!