Foundations

Lerne die grundlegenden Bestandteile des Mate Design Systems kennen.

Foundations bildet das Fundament des Mate Design Systems der ADKB. In diesem Bereich sind alle grundlegenden Prinzipien und Bausteine zusammengefasst, die für eine konsistente und barrierefreie Nutzererfahrung entscheidend sind. Er umfasst Themen wie Accessibility , Content (Schreibleitfäden), Design Tokens , Farben , Themes , Interaktion , Zustände , Icons , Illustrationen , Typografie , Schatten , Größen sowie Grid & Spacing . Diese Leitlinien und Ressourcen helfen dabei, ein einheitliches Erscheinungsbild zu schaffen und zugleich die Benutzerfreundlichkeit in allen Anwendungen sicherzustellen.

• Accessibility Ermöglicht ein barrierefreies und verständliches Nutzererlebnis.
• UX Writing Liefert klare Schreibrichtlinien für einheitliche Kommunikation.
• Default Texts Führt die generischen Produkttexte des Design Systems auf.
• Design Tokens Definieren zentrale, wiederverwendbare Werte für Style-Entscheidungen.
• Colors Legen Farben für Konsistenz und ausreichenden Kontrast fest.
• Themes Passen Tokenwerte an Farbschema, Endgerät und Kontrastbedarf an.
• Interaction Bestimmt Komponentenverhalten und Übergänge für reibungslose Abläufe.
• States Beschreibt Zustände für Nutzeraktionen.
• Icons Liefert eine einheitliche Bildsprache durch wiederkehrende Icons.
• Illustrations Regelt Stil, Farben und Einsatz der Illustrationen.
• Typography Sichert klare Lesbarkeit und konsistente Textdarstellung.
• Grid & Spacing Regelt Raster und Abstände für ein stabiles Gesamtbild.
• Sizing Legt Kantenmaße, Eckenradien und Rahmenstärken fest.
• Shadows Erzeugt Tiefe und räumliche Trennung über zwei Schattenvarianten.