Ein visueller Guide für minimalistische, hochkontrastreiche User Interfaces.
100%
Fokus auf puren Kontrast. Der Hintergrund ist immer pures Schwarz (`#000000`), um den "Pixel-Aus"-Effekt eines echten OLED-Displays zu simulieren und maximale Klarheit zu schaffen.
Die Farbgebung ist streng und funktional. Sie basiert auf einem schwarzen Hintergrund, einer einzigen leuchtenden Akzentfarbe und neutralen Grautönen für Text und Ränder.
Immer `#000000`. Keine Kompromisse.
Eine kräftige Farbe für interaktive Elemente.
Neutrale Töne für optimale Lesbarkeit.
Monospace-Schriftarten sind die erste Wahl. Ihre feste Zeichenbreite sorgt für eine aufgeräumte, technische Ästhetik und exzellente Lesbarkeit.
Roboto Mono
Modern, klar und neutral. Ein hervorragender Allrounder.
Fira Code
Beliebt bei Entwicklern, unterstützt Code-Ligaturen.
Source Code Pro
Elegant und sehr gut lesbar, entworfen von Adobe.
IBM Plex Mono
Ein Hauch von Retro mit modernem Charme.
Die Gestaltung von UI-Elementen folgt einem einfachen Regelwerk, das auf Funktionalität und eine klare visuelle Sprache abzielt.
Element-Design
Rundungen?
NEIN
(`border-radius: 0`)
Schatten/Verläufe?
NEIN
(Minimalismus)
Ränder?
JA
(Dünn, `1px`)