Ein Aussehen für jede Mat-App
Jede Mat-App hat ihre eigene Farbe und das gleiche Design. MatDesign ist die Referenz dafür – als Website zum Nachschlagen, als Regelwerk zum Zitieren und als Toolkit, aus dem die Apps gebaut sind.
MatDesign auf GitHub
Was dazugehört
Regelwerk
Regeln mit stabilen IDs wie SHELL-03 oder LIST-03 – wo ein Test sie prüfen kann, prüft ein Test sie.
Komponenten
Jedes Bedienelement mit Live-Beispiel und dem Code daneben, dazu ein Layout-System.
MatUi
Das CSS, ein Skript und ein Icon-Sprite, das jede App übernimmt.
Studio
Apps, Regeln und Komponenten werden dort gepflegt; jede Änderung wird zu einem nummerierten Release.
Warum ein Regelwerk?
Ohne Referenz läuft ein Design auseinander: Eine App setzt ihr Menü nach oben, eine andere fragt mit einem Browser-Dialog, eine dritte vergisst das Handy. MatDesign verhindert das – Menü, Listen, Formulare, Dialoge und dunkles Design sehen in jeder Mat-App gleich aus.
Das Studio
Im Studio werden Apps, Regeln und Komponenten angelegt und geändert. Jede Änderung bleibt als Revision erhalten, und eine Änderung wird zu einem nummerierten, unveränderlichen Release des Designsystems, aus dem die Apps kopieren.
MatDesign selbst ist ein Container ohne Cloud – und lädt nichts von einer anderen Website.
