Das Design System liefert regelbasiert kombinierbare Bausteine in Form von Elementen, Komponenten und Mustern. Die Kombinierbarkeit und Schachtelbarkeit von Elementen, Komponenten und Mustern zu vollständigen Masken ist weitgehend regelfrei gegeben.
- Elemente sind die kleinste funktionale Einheit der Nutzerschnittstelle.
- Komponenten sind Kombinationen von Elementen und folgen immer einem singulären Zweck. Komponente stehen für sich alleine und sollten daher überall platzierbar sein.
- Muster (“Patterns“) sind ein in sich abgeschlossenes Interface. Sie sind nach den Prinzipien des Responsive Design umgesetzt, d. h. je nach Geräteklasse passt sich die Darstellung an, um die Benutzbarkeit auf allen Endgeräten sicherzustellen.
- Seitenvorlagen sind vollständige Seitenstrukturen, die mehrere Komponenten und Patterns kombinieren und als Ausgangspunkt für reale Seiten dienen.
- Seiten bzw. Masken sind die Summe aller Muster, die als abgeschlossene Einheit bereitgestellt werden.
