Designsystem

Einheitliche HTML-Oberfläche

Alle Architektur-, Lern- und Referenzseiten verwenden dieselbe offlinefähige Designsprache und dieselben Bedienmuster.

Gestaltungsprinzipien

Klare Hierarchie

Eine Hauptüberschrift, konsistente Kapitelabstände, ruhige Typografie und begrenzte Textbreite.

Architekturidentität

Layered, TDD-First, DDD und Vergleich besitzen eigene Akzente ohne Layoutbruch.

Offline zuerst

CSS, JavaScript, Suche, Icons und Syntaxhervorhebung funktionieren ohne Internetverbindung.

Responsive Bedienung

Sidebar auf Desktop, Drawer auf Mobilgeräten sowie touchfreundliche Tabellen und Codeblöcke.

Lesbare Codebeispiele

JetBrains-Dark-Farben, Spracherkennung, Kopierfunktion und optionaler Umbruch.

Barrierearme Interaktion

Fokusmarkierungen, Skip-Link, semantische Überschriften und tastaturbedienbare Suche.

Bedienung

FunktionBedienungWirkung
Globale SucheStrg/⌘ + K oder /Durchsucht Titel, Kapitel, Klassen, Patterns und Fachbegriffe.
DarstellungPaletten-SymbolSystem-, Hell- oder Dunkelmodus, Textgröße und Dichte.
KapitelErweitern-SymbolÖffnet oder schließt klappbare Kapitel in Gesamtwerken.
CodeKopieren / UmbruchKopiert Quellcode oder passt lange Zeilen an die Breite an.

Darstellung

Design
Text
Dichte
⌂ Cockpit