janniclas.loosenandClaude Opus 5.5
2729e2800e
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
25 lines
1.5 KiB
Markdown
25 lines
1.5 KiB
Markdown
# Divi-Designsystem
|
|
|
|
`lit-divi-design-system` liest das Designsystem der Website live aus Divi:
|
|
|
|
- **Globale Farben** (`colors`): ID (`gcid-…`), Name, Wert und der Platzhalter für neue Inhalte, z. B.
|
|
`{{color:primary}}` für die Primärfarbe oder `{{color:Nachtblau}}` für eine eigene globale Farbe. Die fünf
|
|
Theme-Farben heißen `primary`, `secondary`, `heading`, `body` und `link`.
|
|
- **Globale Variablen** (`variables`): Zahlen, Texte, Bilder, Links (`gvid-…`), Platzhalter `{{var:<Name>}}`.
|
|
- **Theme-Schriften** (`fonts`): Überschrift und Fließtext, Platzhalter `{{font:heading}}` / `{{font:body}}`.
|
|
- **Größen** (`sizes`): Schriftgrößen, Inhaltsbreite und Spaltenabstand aus den Theme-Optionen.
|
|
- **Presets** (`presets`): Modul-Presets je Modul (`kind: module`, z. B. alle Button-Presets) und
|
|
Gruppen-Presets (`kind: group`); `default: true` markiert das Standard-Preset eines Moduls.
|
|
|
|
Auf großen Websites eingrenzen: `only` (Liste aus `colors`, `variables`, `presets`) liefert nur diese Teile
|
|
(Schriften und Größen sind immer dabei), `module` (z. B. `"button"`) nur die Presets dieses Moduls; höchstens
|
|
200 Presets je Antwort (`notes` sagt, wenn es mehr gibt).
|
|
|
|
Regeln:
|
|
|
|
1. Vor dem Gestalten einer Seite das Designsystem lesen.
|
|
2. Globale Farben, Variablen und Presets vor festen Werten verwenden; feste Farben oder Schriften nur, wenn
|
|
der Nutzer es ausdrücklich möchte.
|
|
3. Gibt es für einen Zweck noch keine Farbe, Variable oder kein Preset, dem Nutzer vorschlagen, es im
|
|
Divi-Builder anzulegen, statt feste Werte zu verteilen.
|