vision/ ist laut README 'eine Vision je Linie' - drei Linien, drei Dateien, alle als Entwurf fuers Refinement markiert. branding.md ist keine Vision, sondern Bestand und Historie eines uebergreifenden Themas, also genau das, was shared/ beschreibt (neben lab-netzwerk.md und zone-axion1337.md). Der Beleg fuer den Fehlgriff steckte im letzten Commit selbst: ich musste die README-Beschreibung von vision/ um einen Zusatz erweitern, damit die Datei hineinpasst. Eine Kategorie aufzubohren, damit ein Artefakt hineinpasst, heisst, dass es in die falsche Kategorie sollte. Die Zeile ist zurueckgebaut. Ausserdem praezisiert, warum das Dokument in genau diesem Repo liegt: management ist gespiegelt, homelab/wiki-bookstack nicht - die dortige theme/sorbs-palette.md ist von ausserhalb des Labs nicht lesbar (CLAUDE.md, Mirror-Geltungsbereich). Beide Rollen stehen jetzt explizit da. AAR 2026-08-02: Nachtrag zur Theme-Korrektur. Die Ergebniszeile behauptete '11 neue Themes, Web live' - die Paletten waren aber erfunden. Statt die Historie umzuschreiben ein datierter Nachtrag mit Verweis in der Zeile. Er schaerft das Muster aus Abschnitt 4: erfundene Vorlagen erzeugen kein Symptom, an dem man sie bemerkt - deshalb ist bei Vorlagen die Quelle zu pruefen, nicht nur das Ergebnis. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PKhFj1S3UdD6xL2fbWPeYj
115 lines
6.1 KiB
Markdown
115 lines
6.1 KiB
Markdown
# Branding: Marke, Farben, Bildsprache
|
|
|
|
Übergreifend, weil dieselben Farben in mehreren Oberflächen eingestellt werden
|
|
(Chat-Clients, Wikis, künftige Dienste) und sich das nicht pro Host oder Linie
|
|
trennen lässt: **Bestand** (welche Farbe wo eingetragen ist) und **Historie**
|
|
(was wann warum geändert wurde).
|
|
|
|
Hier im `management`-Repo, weil es als einziges der beteiligten Repos
|
|
**gespiegelt** ist und jede Werkzeugentscheidung überlebt: Wird das
|
|
BookStack-Experiment nach [ADR-0007](../decisions/0007-wiki-oberflaeche-docusaurus-vs-bookstack.md)
|
|
abgeräumt oder ein Client ersetzt, bleiben Marke und Paletten bestehen.
|
|
|
|
## Bildmarke
|
|
|
|
`threadnet-mark.png` (Bildmarke) und `threadnet-logo-wortmarke.png` (mit
|
|
Schriftzug), erstellt von sorb. Sie liegen im Wiki-Repo unter `static/img/` und
|
|
sind die Quelle für alle abgeleiteten Formate — Favicon, App-Icons für macOS,
|
|
Windows und Linux, Web-Icons.
|
|
|
|
⚠️ Beim Ableiten den **transparenten Rand wegschneiden** und mit `resize()`
|
|
skalieren, nicht mit `thumbnail()` — Letzteres verkleinert nur und lässt das Motiv
|
|
in großen Icons als Briefmarke zurück (real passiert, siehe
|
|
[AAR 2026-08-02](../verfahren/aar/2026-08-02-wiki-und-desktop-clients.md)).
|
|
|
|
## Paletten
|
|
|
|
### aXion1337 Dark — das Stammschema
|
|
|
|
Gruvbox Dark. Grundtöne `#282828` / `#1d2021`, Text `#ebdbb2`, Akzent `#bd93f9`,
|
|
Sekundär `#fe8019`. Die acht Username-Farben sind der Gruvbox-Satz.
|
|
**`aXion1337 Light` ist das exakte helle Gegenstück** (Gruvbox Light) — gleiche
|
|
Rollenverteilung, gespiegelte Helligkeitsachse. Wer eines ändert, zieht das andere
|
|
mit.
|
|
|
|
### Terrakotta-Beige — sorbs BookStack-Schema
|
|
|
|
Am 2026-08-02 in der BookStack-Oberfläche eingestellt und von dort extrahiert
|
|
(die Werte stehen als CSS-Variablen im ausgelieferten HTML). Fünf der sieben sind
|
|
der Coolors-Satz `#264653 · #2A9D8F · #E9C46A · #F4A261 · #E76F51`:
|
|
|
|
| Rolle in BookStack | Wert | Ton |
|
|
|---|---|---|
|
|
| Primäre Farbe | `#264653` | Charcoal |
|
|
| Standard-Linkfarbe | `#5f757b` | gedämpftes Blaugrau |
|
|
| Regalfarbe | `#e76e51` | Burnt Sienna |
|
|
| Buchfarbe | `#e9c46a` | Saffron |
|
|
| Kapitelfarbe | `#f3a261` | Sandy Brown |
|
|
| Seitenfarbe | `#77bb41` | Grün |
|
|
| Seitenentwurfsfarbe | `#e32400` | Rot |
|
|
|
|
Bemerkenswert: **dieses von Hand eingestellte Schema ist bis auf zwei Ziffern die
|
|
offizielle Sunset-Boulevard-Palette** (siehe nächster Abschnitt) — `#e76e51` statt
|
|
`#e76f51`, `#f3a261` statt `#f4a261`. Beide Wege sind unabhängig voneinander auf
|
|
demselben Coolors-Satz gelandet. Die Irritation an der ersten Theme-Fassung war
|
|
also berechtigt und ließ sich an der Originalquelle belegen.
|
|
|
|
### theme-factory — die zehn benannten Themes
|
|
|
|
Quelle ist Anthropics [theme-factory-Skill](https://github.com/anthropics/skills/tree/main/skills/theme-factory):
|
|
je Theme vier Farben plus ein Schriftpaar. Sie sind seit 2026-08-02 **wörtlich
|
|
übernommen** (gitops `8a9d778`), nachdem eine erste Fassung die Namen frei
|
|
interpretiert hatte.
|
|
|
|
| Theme | Hintergrund | hell/dunkel | Akzent · Sekundär · Highlight |
|
|
|---|---|---|---|
|
|
| Ocean Depths | `#f1faee` | hell | `#2d8b8b` · `#a8dadc` · `#457b9d` |
|
|
| Sunset Boulevard | `#264653` | dunkel | `#e76f51` · `#f4a261` · `#e9c46a` |
|
|
| Forest Canopy | `#faf9f6` | hell | `#2d4a2b` · `#7d8471` · `#a4ac86` |
|
|
| Modern Minimalist | `#ffffff` | hell | `#36454f` · `#708090` · `#d3d3d3` |
|
|
| Golden Hour | `#4a403a` | dunkel | `#f4a900` · `#c1666b` · `#d4b896` |
|
|
| Arctic Frost | `#fafafa` | hell | `#4a6fa5` · `#d4e4f7` · `#c0c0c0` |
|
|
| Desert Rose | `#5d2e46` | dunkel | `#d4a5a5` · `#b87d6d` · `#e8d5c4` |
|
|
| Tech Innovation | `#ffffff` | hell | `#0066ff` · `#00ffff` · `#1e1e1e` |
|
|
| Botanical Garden | `#f5f3ed` | hell | `#4a7c59` · `#f9a620` · `#b7472a` |
|
|
| Midnight Galaxy | `#e6e6fa` | hell | `#2b1e3e` · `#4a4e8f` · `#a490c2` |
|
|
|
|
⚠️ **Ob ein Theme hell oder dunkel gemeint ist, steht nicht verlässlich in den
|
|
Beschreibungen** — „Warm Sand · backgrounds" findet sich bei einem Theme, dessen
|
|
Showcase-Seite dunkel ist. Maßgeblich ist `theme-showcase.pdf` im Skill: sieben der
|
|
zehn sind hell, nur Sunset Boulevard, Golden Hour und Desert Rose dunkel.
|
|
„Midnight" Galaxy ist trotz des Namens ein helles Theme mit dunkelviolettem Akzent.
|
|
Wer die Werte prüfen will, rendert die PDF-Seiten und misst die Hintergrundfarbe,
|
|
statt der Prosa zu glauben.
|
|
|
|
Die übrigen Rollen (Flächenabstufungen, Username-Farben) sind aus diesen vier
|
|
Farben gemischt — so bleibt jedes Theme in sich stimmig, ohne dass Werte
|
|
dazuerfunden werden.
|
|
|
|
## Wo was eingestellt ist
|
|
|
|
| Oberfläche | Ort | Anmerkung |
|
|
|---|---|---|
|
|
| Element/ThreadNet-Web | `apps/production/custom-configs/element-values.yaml` (gitops), `setting_defaults.custom_themes` | 17 Themes; Änderungen chirurgisch, **nie die YAML neu serialisieren** |
|
|
| ThreadNet Desktop | `apps/desktop/axion1337/config.json` (ThreadNet-Web) | eigene Kopie derselben Themes — beim Ändern beide mitziehen |
|
|
| BookStack | *Settings → Customization*, getrennt für hell und dunkel | liegt in der Datenbank, **nicht im Repo** — schriftlich hier und in `theme/sorbs-palette.md` |
|
|
| BookStack (Feinschliff) | `theme/*.css` im Wiki-BookStack-Repo | nur Flächen, Text, Ränder — die sieben Farben oben gehören in die Oberfläche |
|
|
| Docusaurus-Wiki | `src/css/custom.css` (homelab/wiki) | bislang nur Akzentfarbe |
|
|
|
|
⚠️ **Das BookStack-Schema lebt nur in der Datenbank.** Bei einem Volume-Verlust
|
|
ist es weg — deshalb steht es oben in dieser Tabelle. Wiederherstellen heißt:
|
|
sieben Felder in der Oberfläche neu eintragen.
|
|
|
|
Es steht bewusst an **zwei** Stellen schriftlich, und die Rollen sind verschieden:
|
|
`theme/sorbs-palette.md` im BookStack-Repo ist die betriebsnahe Kopie mit den
|
|
DB-Schlüsseln, liegt aber in der Gruppe `homelab` — die hat **keine Mirrors** und
|
|
ist von außerhalb des Labs nicht lesbar. Diese Datei hier ist die gespiegelte
|
|
und damit maßgebliche Fassung. Wer die Farben ändert, zieht beide mit; im
|
|
Zweifel gilt, was in der laufenden Instanz eingestellt ist.
|
|
|
|
## Offen
|
|
|
|
Ob die Terrakotta-Richtung das Stammschema ablösen oder eine Alternative neben
|
|
Gruvbox bleiben soll, ist nicht entschieden — das gehört in die Rebranding-Runde
|
|
(→ [`vision/threadnet.md`](../vision/threadnet.md), ThreadNet-Web#10).
|