Eine Marke, drei Renderer.
Alles auf dieser Seite ist zur Build-Zeit aus den Quellen gerendert — den Theme-Paketen, dem kanonischen Icon-Ordner und dem Asset-Audit. Es gibt kein zweites Pflege-Dokument, das driften könnte. Die Regeln dahinter:BRAND.md,DESIGN.md,THEMING.md.
Verein → Plattform → Familie → App
Die Marke hat vier Ebenen. Der Verein trägt die Wortmarke und das Spektrum. Die Plattform trägt das geteilte Design-System: die 12 Farb-Tokens, die Schriften, die Komponenten — identisch in CSS (Web), GDScript (Godot-Kisten) und Swift (native Apps). Familien wie die Kistli-Kinder-Apps haben eigene Gestalt-Regeln (Bewegungs-Vokabular, Ruhig-Pflicht). Jede App hat genau eine Signatur-Farbwelt und ein Icon im Hausstil.
Die 12 Farb-Tokens
Jede Oberfläche im Ökosystem spricht dasselbe Farb-Vokabular — zwölf Tokens, keines mehr (ein dreizehntes braucht einen Vereins-Beschluss). Eine Farbwelt ist nichts anderes als eine Belegung dieser zwölf Werte für Hell und Dunkel.
--color-background--color-foreground--color-surface--color-surface-hover--color-muted--color-muted-foreground--color-border--color-primary--color-primary-foreground--color-error--color-success--color-warning27 Farbwelten — eine je App
Quelle: @mana/themes/variants/*.css. Gezeigt ist die helle Belegung von sieben der zwölf Tokens; jede Welt hat zusätzlich ihre dunkle Heimat-Stimmung.
50 Icons, eine Quelle
Kanonisch in assets/app-icons/, per pnpm assets:generatein Landing und Store gesynct — Hausstil: weißer Grund, ein Markenton als Monoline-Symbol. Erzeugt im Icon-Baker oder imWappen-Atelier.
Drei Schriften, selbst gehostet
Source Serif 4 für Titel, Inter für alles Laufende,JetBrains Mono für Code — alle unter SIL-OFL, alle selbst ausgeliefert (kein Font-CDN, keine Drittanfrage). Die Web-Fassungen liegen in@mana/themes/fonts, die nativen Pendants inmana-swift-core und godot-mana-kit.
Die Matrix: 26 von 40 Apps vollständig
Ergebnis von pnpm assets:report (Stand 2026-07-11): Für jede App wird geprüft, ob die Assets existieren, die ihre platforms:-Angabe verspricht. Ein Punkt heißt „laut Plattform-Angabe nicht nötig". Wir zeigen den Ist-Zustand bewusst öffentlich — Lücken sind Arbeitsliste, kein Geheimnis.
| App | Icon | Favicon | PWA | iOS | Android | Godot |
|---|---|---|---|---|---|---|
| Audioguide | ✓ | ✓ | · | · | · | · |
| Avatar | ✓ | ✓ | · | · | · | · |
| Bilda | ✓ | ✓ | ✓ | · | · | · |
| Chorportal Thurgau | ✓ | ✓ | · | · | · | · |
| Comicello | ✓ | ✓ | ✓ | ✓ | ✓ | · |
| Galerie | ✓ | ✓ | · | · | · | · |
| Geweba | ✓ | ✓ | · | · | · | · |
| Herbatrium | ✓ | ✓ | ✓ | ✓ | ✗ | · |
| Kistli | ✓ | ✓ | · | · | ✗ | · |
| Klangkiste | ✓ | ✓ | ✓ | · | · | · |
| Lernkoffer | ✓ | ✓ | · | · | · | · |
| Kollekta | ✓ | ✓ | · | ✓ | · | · |
| Kreisel | ✓ | ✓ | ✓ | ✓ | ✗ | · |
| Kulturdaten Bodensee | ✓ | ✓ | · | · | · | · |
| mana Launcher | ✓ | · | · | · | ✓ | · |
| Lichtwerk | ✓ | ✓ | · | · | · | · |
| LumeTour | ✓ | ✓ | · | · | ✓ | · |
| Managarten | ✓ | ✓ | ✓ | · | · | · |
| ManaMeme | ✓ | ✓ | ✓ | · | · | · |
| Manatal | ✓ | · | · | · | · | ✓ |
| Manawald | ✓ | ✓ | ✓ | · | · | · |
| Memoro | ✓ | ✓ | ✓ | ✗ | ✓ | · |
| Moodlit | ✓ | ✓ | ✓ | ✗ | ✗ | · |
| Mukke | ✓ | ✓ | ✓ | ✓ | ✗ | · |
| Notiz | ✓ | ✓ | ✓ | ✓ | ✓ | · |
| Nutriphi | ✓ | ✓ | ✓ | ✗ | ✓ | · |
| Pageta | ✓ | ✓ | ✓ | ✗ | ✓ | · |
| rundum | ✓ | ✓ | · | · | ✓ | · |
| Saldo | ✓ | ✓ | · | · | · | · |
| Seepuls | ✓ | ✓ | ✓ | ✗ | ✓ | · |
| Stimmig | ✓ | ✓ | ✓ | ✓ | · | · |
| Tipprunde | ✓ | ✓ | · | · | · | · |
| uLoad | ✓ | ✓ | ✓ | · | · | · |
| Viadocu | ✓ | ✓ | ✓ | ✗ | ✓ | · |
| Werdrobe | ✓ | ✓ | ✓ | ✓ | ✗ | · |
| Who | ✓ | ✓ | ✓ | · | · | · |
| Wordeck | ✓ | ✓ | ✓ | ✗ | ✓ | · |
| Worldream | ✓ | ✓ | · | ✓ | · | · |
| Was fehlt? | ✓ | ✓ | · | ✗ | ✓ | · |
| Zitare | ✓ | ✓ | ✓ | ✗ | ✓ | · |
Wo Assets entstehen und leben
- Wappen-Atelier — App-Icons als deklaratives Rezept bauen und als komplette Plattform-Matrix exportieren.
- mana-materialien — CC0-Texturen und Materialien für Web, Godot und Blender.
- mana.how — der Store; zeigt dieselbe App-Liste wie diese Landing, aus derselben Quelle generiert.
- Schaukasten und Moodboard (intern) — visuelle Drift-Kontrolle über alle App-Startseiten und die laufende Bildsprache-Findung.
Pflege-Pfad: docs/assets.json ändern →pnpm assets:generate → pnpm assets:report. Drift fängtpnpm assets:check in validate:fast.