Wie dieses Design-System aufgebaut ist
Es gibt kein Konfigurationssystem für das Design. Es gibt vier Stylesheets, und alles Visuelle ist eine CSS-Variable oder eine Klasse darin. Diese Seite behandelt diese Dateien deshalb als die Quelle und nicht als Beiwerk.
Vier Blätter, vier Aufgaben
- jarvis-os-shared.css — das Grundblatt. Hintergrund, Rahmen, Neonfarben, Schriftfamilien, Übergänge, Glow-Stufen und rund 84 Komponentenklassen.
- hypdb-integration.css — die HYPDB.ONE-Elemente, die nicht aus dem JARVIS-Grundblatt stammen.
- brain_voice.css — die Sprachausgabe-Ebene mit eigenem Präfix
--nvd-*und eigener Farbfamilie. - jarvis-mobile.css — die mobile Ergänzung mit dem Präfix
--jm-*. Es verweist auf die Hauptfarben mit Rückfallkette statt sie zu wiederholen, zum Beispiel--jm-gauf--neon-green.
Die Farbfamilie
Das Grundblatt führt drei Namen für dieselbe Grundfarbe: --neon-green, --green-strong und --text-primary stehen alle auf #00FF41. Ebenso doppelt: --bg-primary und --bg-1, sowie --border-panel und --panel-border. Das ist kein Fehler im Betrieb, aber es ist eine doppelte Pflege: wer eine Farbe ändert, muss beide Namen kennen. Die Tabelle unten führt jede Variable mit dem Blatt auf, in dem sie steht.
Kontrast und Lesbarkeit
Der Textgrundton ist #00FF41 auf #050505. Das ist ein sehr hohes Verhältnis und damit gut lesbar. Die abgestufte Kette --text-secondary, --text-dim, --text-muted und --text-faint geht bis #004411 — das ist die untere Grenze, bei der Fließtext nicht mehr ausreichend lesbar ist. Sie ist für Randnotizen gedacht, nicht für Inhalt.
Alle CSS-Variablen — live aus den Stylesheets gelesen
Lade vier Stylesheets …
–
–
| Variable | Wert | Gruppe | Blatt |
|---|
Komponentenklassen des Grundblatts
Lese jarvis-os-shared.css …
Regelumfang je Blatt
| Blatt | Umfang |
|---|---|
| jarvis-os-shared.css | – |
| jarvis-mobile.css | – |
| brain_voice.css | – |
| hypdb-integration.css | – |
Backend-Matrix — jede Route selbst abgefragt
Frage 7 Routen ab …
–
| Route | Zweck | HTTP | Erwartung | Bewertung |
|---|
Anwendung: die acht Screens
Jarvis-OS-Screens 1 bis 8 sind die einzige Stelle, an der alle acht dargestellten Zustände nebeneinander stehen.
Status
Diese Seite misst ihre eigene Backend-Lage. Die Pille zeigt den Status dieses Aufrufs, nicht einen Merkwert.
Verbinde mit dem Backend …