Wir trainieren Regeln, die überall funktionieren: Konsistenz, States, Rhythmus, Accessibility.
Fünf Prinzipien, die unsere Methode definieren.
Ein wiederholbares System ist wertvoller als hundert einzigartige Lösungen.
Hover, Active, Disabled, Focus - jedes Element braucht alle States, nicht nur Default.
8px, 16px, 24px - keine Zufallszahlen. Rhythmus entsteht durch Systematik.
Kontrast, Focus, Labels - das ist keine Extra-Aufgabe, sondern Teil der Qualität.
Gutes Design endet nicht in Figma - es muss für Entwickler lesbar sein.
Drei Durchgänge für jedes UI-Design - so stellen wir Qualität sicher.
Was wir prüfen: Layout, Spacing, Visual Hierarchy
Sind die Abstände konsistent? Folgt die Hierarchie einem klaren System? Gibt es White Space Chaos?
Was wir prüfen: Hover, Active, Disabled, Focus, Loading
Hat jedes interaktive Element alle notwendigen States? Sind die Übergänge flüssig? Gibt es Motion wo nötig?
Was wir prüfen: Contrast, Focus Visible, Labels
Ist der Kontrast WCAG-konform? Sind Focus States sichtbar? Können Screen Reader alles lesen?
Unsere wichtigsten Regeln - kurz erklärt.
Alle Abstände folgen dieser Skala. Keine 15px, keine 22px - nur Vielfache von 4.
Jedes fokussierbare Element bekommt einen sichtbaren Focus State - mindestens 2px Outline.
Wir nutzen maximal 5 Shadow-Stufen: s0 (none), s1 (subtle), s2 (medium), s3 (raised), s4 (modal).
Text auf Hintergrund braucht mindestens 4.5:1 Kontrast - für große Texte reicht 3:1.
Default, Hover, Active, Disabled - das ist das absolute Minimum. Besser noch Loading State dazu.
Wie wir auf echte Arbeit vorbereiten.
Kontaktiere uns für eine kostenlose Orientierung und finde heraus, welcher Kurs für dich passt.