SUSE Product brand
An open source design system made for SUSE enterprise products and powered by EOS UI/UX solutions.
We’ve introduced new changes.
See the changelog for more information.
Atomic design classification
All elements, components, guides, and more are delivered following the atomic design methodology. We have grouped them inside the next 4 cards for you to get a better overview of how we are building EOS.
Atoms
The smallest building blocks of your project. Text styles, buttons, icons, input fields, checkboxes, etc.
Atoms: Buttons, Colors, Icons, Patterns, Typography, Writing guides
Molecules
More complex entities consisting of several atoms. Things like notification toasts, data values (label: value), input fields with buttons, etc.
Molecules: Alerts
Templates
Essentially, those are pages without real content. Text styles, buttons, icons, input fields, checkboxes, etc.
Templates: Main layout