JARVIS-3 · Design System

Showcase

Palette

bg
surface
surface-2
line
accent
ember
ok
warn
off

Typografie

Marke / Display

Überschrift H2

Überschrift H3

Fließtext in --font-sans, Gewicht light, Zeilenhöhe 1.5. Ein Link, Code und gesperrte Versallen.

Buttons

Formular

Badges · Tags · Status

neutral accent online warnung fehler ok accent warn fehler tag rezept

Alerts

HinweisDas ist eine neutrale Information.
ErfolgDie Änderung wurde gespeichert.
WarnungDas Zertifikat läuft in 10 Tagen ab.
FehlerAnmeldung fehlgeschlagen — bitte erneut versuchen.
HinweisWartung heute Abend ab 22:00 Uhr.

Cards

Modul

Kalender

Termine, Serien und Erinnerungen.

Aufgaben4 offen

Wochenplanung und Zuständigkeiten.

Rezepte

Sammlung, Zutaten, Einkaufslisten.

Panel

Systemstatuslive
alle Dienste erreichbar
  • nginx80/443
  • j3-auth3001
  • mediathek—
  • Kennzahlen
    Disk
    62 / 98 GB
    Uptime
    2 d 10 h
    Zertifikate
    1 gültig

    Tabelle

    DienstHostStatusPort
    J3-AUTHauth.johannesbrunner.deonline3001
    Devdev.johannesbrunner.deonline443
    Mediathekjmedia.johannesbrunner.deaus—

    Liste (Yuvomi-Stil)

    • Wocheneinkauf erledigen heute · Lena Haushalt
    • Mülltonne rausstellen gestern · erledigt Waste
    • Zahnarzttermin Do 14:30 · Kalender Termin

    Tabs

    Tab-Inhalt (Demo).

    Screen · J3-AUTH (Anmeldung)

    J3-AUTH

    Anmelden

    Benutzername oder Passwort falsch.

    Screen · Yuvomi-Stil (Dashboard)

    Haushalt · Zinst

    Sonntag, 25. Oktober

    3 online
    Heute5

    Termine, Aufgaben und Erinnerungen des Tages.

    Einkauf12

    Offene Positionen auf der Liste.

    Mahlzeiten

    Plan für die Woche, Rezeptvorschläge.

    Widget · Marke & Standort

    Jarvis 3

    johannesbrunner.de

    Zinst 49.9° N · 11.8° E 18 °C · klar · Wind 8 km/h

    Widget · Hero (Center-Swap)

    Jarvis 3

    johannesbrunner.de

    Zinst 49.9° N · 11.8° E 18 °C · klar · Wind 8 km/h

    Widget · Host-Karten

    Widget · Wetter

    ☀
    Klar
    Luft 62 % · Wind 8 km/h
    18°
    So☀18°7°
    Mo⛅16°8°
    Di☁14°6°
    Mi🌧12°5°
    Do☀15°4°

    Widget · Kalender

    Oktober 2026
    MoDiMiDoFrSaSo
    Zahnarzt · Do 14:30 · Lena

    Widget · Notizen

    Blumen gießen
    Wocheneinkauf

    Widget · Uhr

    14:0742
    Dienstag · 27. Oktober 2026

    Widget · Sensor-Karten

    Wohnzimmeronline
    23,4°C
    Luftfeuchte48 %
    CO₂620 ppm
    Batterie92 %
    Schlafzimmeronline
    17,8°C
    Luftfeuchte56 %
    CO₂480 ppm
    Batterie74 %
    Garageoffline
    —°C
    Luftfeuchte—
    Zuletzt gesehen14:02
    Batterie—

    Widget · Detail-Panel

    Host · J3-AUTH auth.johannesbrunner.de
    Identität, OIDC und Anmeldung für alle Dienste.
    Status
    Uptime
    2 d 10 h
    Letztes Deploy
    27.10. · 05:39
    Zertifikat
    gültig · 68 d
    Dienste
    oidcsmtptotp
    Endpunkte
    • https 443
    • metrics 9090
    Host · Mediathekoff jmedia.johannesbrunner.de
    Keine Daten — der Dienst antwortet nicht.
    Status
    Erreichbarkeit
    —
    Letzter Kontakt
    gestern · 21:14
    Port
    —

    Widget · Lichtsteuerung

    Helligkeit 72 %
    Warmweiß
    Keine Verbindung seit 14:02
    Wohnzimmer · Deckenleuchte
    AN
    Ein / Aus
    Helligkeit 72 %
    R 224
    G 122
    B 44
    rgb(224, 122, 44) · #E07A2C

    Navigation · Kacheln

    Code-Highlighting

    // Client anlegen (Beispiel)
    const client = await createClient({
      name: 'yuvomi',
      scopes: ['openid', 'profile'],
      redirectUris: ['https://yuvomi.johannesbrunner.de/cb']
    });

    Screen · J3-AUTH (Zustimmung)

    Yuvomi

    Zugriff erlauben?

    yuvomi.johannesbrunner.de möchte auf dein Konto zugreifen.

    • scopeopenid
    • scopeprofile
    • scopeemail

    Screen · Rezepte

    Kürbissuppe

    35 Min · 4 Portionen

    Herbstvegan

    Lasagne

    90 Min · 6 Portionen

    Ofen

    Apfelkuchen

    70 Min · 12 Stück

    Backen