Industrial Dark UI Design System

Industrielles, flaches Dark-Theme Design System fuer Dashboards, Admin-Oberflaechen, Monitoring-Tools und datenlastige Web-Apps.

Dateien

Datei	Beschreibung
netzdrive.css	Vollstaendiges CSS Stylesheet (importierbar, Dateiname kann bei Bedarf angepasst werden)
DESIGN_TOKENS.md	Alle Design-Tokens (Farben, Spacing, Typografie, Statusfarben) als Referenz
COMPONENTS.md	Alle UI-Komponenten mit HTML-Beispielen
preview.html	Interaktive Vorschau aller Komponenten

Quick Start

<link rel="stylesheet" href="netzdrive.css">

Einsatzbereiche

• Admin-Oberflaechen
• Control Panels
• Monitoring-Ansichten
• Entwickler-Tools
• Datenintensive interne Web-Apps

Design-Prinzipien

• Flat Design: border-radius: 0 fuer fast alle Elemente, keine dekorativen Schatten
• High-Contrast Layout: Dunkle Oberflaechen fuer UI-Container auf neutralem, hellem App-Hintergrund
• Monospace UI: Fira Code fuer Labels, Buttons, Zahlen, Systemwerte und Navigation
• Sans-Serif Content: Inter fuer Fliesstext, Beschreibungen und leselastige Bereiche
• Status-Farben: Gruen = Erfolg, Rot = Fehler, Gelb = Warnung, Blau = Information oder Akzent
• Data-First Components: Das System ist auf Tabellen, Logs, Status-Kacheln, Formulare und Admin-Navigation ausgelegt

Hinweise

• Das Stylesheet ist bewusst generisch gehalten und nicht an ein bestimmtes Produkt gebunden.
• Der bestehende Dateiname netzdrive.css kann beibehalten oder in einem Projekt umbenannt werden.
• Die Beispiele in den Dokumentationsdateien verwenden neutrale Bezeichnungen fuer Rollen, Eintraege und Systemzustande.