Arc Design System
Die Grundlage aller UNEOS Apps
Rolle: Lead DesignerTeam: UNEOS Design Team
Color System
Roles & SchemeDas Farbsystem ist den Color Roles und Schemes von Google Material Design nachempfunden. Es ist zum einen leicht Verständlich und ermöglicht unterschiedliche Farbmodi.


Variables
Ein großes NetzwerkDas Design System hat über 2000 Variables. Angefangen bei Primitives, über semantische Tokens, bis hin zu Component Variables. So entsteht ein großes und einfach wartbares System und globale UI-Anpassungen sind ohne Dev Aufwand möglich.

Atome
Die basic KomponentenDas Design System umfasst alle nötigen Atoms. Hier ein kleiner Auszug.
1 / 2
Der Button in drei einfachen Varianten. Insgesamt hat das Design System 720 Varianten von diesem Button.

Moleküle
Die erweiterten KomponentenEine Kombination aus mehreren einzelnen Atomen. Auch hier alles mit eigenen Variables versehen.
1 / 2
Das Formular besteht aus Text-Input, Label und Assistive- bzw. Error-Text.

Hinweis zum Urheberrecht