Platzhalter
- Eingeloggt
- Nein
- Rolle
- Gast
- Auth-Collection
- nicht vorhanden
- User-ID
- nicht vorhanden
- nicht vorhanden
- Sessions
- 0
- NODE_ENV
- production
- Render-Zeit
- 2026-11-05T09:51:21.869Z
--primary
--secondary
--muted
--accent
--background
--card
Titelstil (.title)
Paragraph-Stil (.paragraph): 14px, Zeilenhöhe 1.35, Schriftfamilie aus den globalen Theme-Tokens.
--rlp-gray-1
Primärer Text und starke Kontraste.
Für Fließtext, Überschriften und wichtige Inhalte mit hoher Lesbarkeit.
--rlp-gray-2
Dunkler Hover- und Sekundärkontrast.
Für Hover-Zustände, dunklere Sekundärflächen oder zurückhaltende, aber starke Akzente.
--rlp-gray-3
Sekundäre Texte und Meta-Informationen.
Für erklärende Texte, Beschreibungen, Zeitstempel und weniger dominante UI-Texte.
--rlp-gray-4
Standardlinie für sichtbare Abgrenzung.
Für Kartenrahmen, Box-Trenner und neutrale Borders, die klar sichtbar sein sollen.
--rlp-gray-5
System-Border für Inputs und UI-Controls.
Für Formularfelder, Input-Ränder und Standard-Border auf Komponentenebene.
--rlp-gray-6
Aktive neutrale Fläche.
Für Accent-Flächen, selektierte neutrale Elemente oder leichte Hervorhebungen ohne Weiß.
--rlp-gray-7
Seitenhintergrund.
Für den allgemeinen App-Hintergrund hinter Cards und Content-Bereichen.
--rlp-gray-8
Sehr leichte Hilfsfläche.
Für `muted`-Sektionen, ruhige Infoboxen, Disabled-Kontext und dezente Hintergründe.
--rlp-gray-9
Sondergrau für reservierte Akzente.
Derzeit sparsam einsetzen, z. B. für spezielle Diagramme oder seltene neutrale Statusmarker.
Kurzregel für die Praxis
Text
`Gray 1` für Haupttext, `Gray 3` für sekundäre Hinweise und Meta-Informationen.
Linien & Rahmen
`Gray 4` für sichtbare Card-Borders, `Gray 5` für Inputs und technische UI-Ränder.
Flächen
`Gray 7` als Page-Background, `Gray 8` für ruhige Nebenflächen, `Gray 6` für aktive neutrale Flächen.
Sparsam nutzen
`Gray 2` und `Gray 9` eher gezielt für Hover, Sonderzustände oder spezielle Visualisierungen einsetzen.