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.
Wer tritt gegenüber wem als Absender auf
Die Ebene über der Gestaltung: mana ist reine Dachmarke — Rechtsträger, Impressum, ein Konto über alles, Gütesiegel auf jeder Fläche. Nie der Absender eines Produkts. Darunter zwei Klassen: Produktmarken für alles, was jemand für sich selbst installiert (ein Verein ist da als Absender fehl am Platz), und die Organisations-Tür, wo eine Gemeinde beschafft und der Verein die Rechtsperson am Tisch ist.
Das ganze Bild bis hinunter zu jeder einzelnen App: das Organigramm.
Es ist ein Entwurf, und die Seite sagt das auch. Zwei der vier Arme haben noch keinen Namen und stehen dort als Fragezeichen; von 71 Zuordnungen sind 35 entschieden und 36 Vorschlag, jede einzeln gekennzeichnet. Wir zeigen es trotzdem offen — offen entwickeln heißt auch, unfertige Entscheidungen sichtbar zu lassen, statt sie bis zur Fertigstellung wegzuschließen.
36 Motive aus Papier
Die Handschrift des Dachs ist gerissenes Papier in Schichten — was hinten liegt, ist verdeckt; was vorne liegt, wirft einen Schatten; es gibt genau eine Lichtquelle. Diese Motive sind auf der Vereins-Hardware entstanden, nicht in einer fremden Cloud, und jedes trägt seinen Seed: gleicher Seed und gleicher Prompt ergeben dasselbe Bild.
Die Auswahl ist keine Liste, die jemand pflegt, sondern die Menge der
Bilder mit fünf Sternen in canvaslit.
Wird eines herabgestuft, verschwindet es beim nächsten pnpm assets:bildwelt
auch hier. Herkunft, Modell und Lizenzlage stehen in
assets/marke/bildwelt/HERKUNFT.md.
acht-zweige-ein-stamm
9:16 · 8410
baum-mit-wurzelraum
9:16 · 9450
buecher-als-treppe
16:9 · 9320
faltplan
16:9 · 9370
haende-halten-einen-bogen
16:9 · 9090
hand-reicht-werkzeug
1:1 · 8570
junger-wald
16:9 · 8390
karteikasten
16:9 · 9310
karteikasten-blau
4:3 · 844459526
kartenfaecher
1:1 · 8810
kartenfaecher-blau
1:1 · 1662849253
karten-in-reihen
4:3 · 1536262363
kette-aus-papierringen
16:9 · 9280
leiter-an-den-baum
9:16 · 8560
leitner-kasten
4:3 · 840477708
maschine-im-haus
16:9 · 8400
massband
1:1 · 9300
nest-aus-streifen
1:1 · 9150
netz-aus-knoten
16:9 · 8950
offene-hand-mit-samen
1:1 · 8590
papierboot-auf-welle
16:9 · 9140
papierflieger
16:9 · 9160
pop-up-buch
16:9 · 8800
quelle-am-berg
9:16 · 8610
saatgut-kasten
16:9 · 8550
schichten-abgetragen
16:9 · 9220
schluesselloch-licht
9:16 · 9130
sonnenuhr
1:1 · 9170
sprechblasen
16:9 · 8930
treppe-aus-der-flaeche
16:9 · 9100
turm-aus-scheiben
9:16 · 9110
versiegelter-umschlag
1:1 · 8830
wachsende-spirale
9:16 · 9230
wegweiser-mit-leeren-armen
9:16 · 9290
zwei-haelften-passen
16:9 · 9020
zwei-stapel
9:16 · 1704322618
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-warning
27 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.
124 Flächen, 111 Icons — 25 ohne
Gezeigt ist jede Fläche des Organigramms, nicht nur die mit
Bild: ein Raster über die vorhandenen Dateien sieht immer vollständig aus. 93 der 124 Flächen haben ein eigenes Icon, 6 erben es von
ihrer App (Unterflächen wie who/web-edu), 25 haben einen Platzhalter — das ist die Arbeitsliste. Kanonisch liegen die Dateien in assets/app-icons/ und werden per
pnpm assets:generate in Landing und Store gesynct.
Ehrlich zur Zahl: eine Fläche steht in docs/arme.json, fällt bei der Auflösung aber heraus, weil sie keine Landing-Seite hat, und fehlt deshalb im Raster: orchestrion.
Die Quelle ist eine — der Weg dorthin ist es nicht.
pnpm assets:herkunft misst jede Datei einzeln (Stand 2026-08-17) statt Einheitlichkeit zu behaupten: die Zeichnungen liegen in 7
verschiedenen Koordinatenräumen, 70 von 98 sind freigestellt
statt auf eigenem Grund, und der Hausstil — weißer Grund, ein Markenton als
Monoline-Symbol — ist damit heute eher Vorhaben als Zustand.
7 von 98 Icons verraten ihr Werkzeug selbst
(Figma nummeriert seine Verläufe, der Hausstil-Baker setzt seinen Schatten-Filter);
35 sind unbelegt — das heißt nicht „von Hand", sondern
„nicht aufgeschrieben". Wer eines anfasst, trägt den Weg in
docs/assets.json nach. Zwei Werkzeuge stehen bereit: der
Icon-Baker (scripts/icons/generate.mjs, kennt vier Apps und backt
PNGs für Web und iOS) und das
Wappen-Atelier (Rezept
→ komplette Plattform-Matrix). Was hier hängt, ist das SVG — was auf einem
Telefon liegt, ist das gebackene PNG; die Matrix unten prüft, ob es überhaupt
existiert, nicht ob es dasselbe zeigt.
apps
28 Flächen · 1 ohne Icon
rechenwerk
23 Flächen · 23 ohne IconKistli (kids)
19 Flächen
wolkenschein (games)
18 Flächen
werkstatt
14 Flächen · 1 ohne Icon
Lexikon
9 Flächen
Dachmarke
8 Flächen
work
5 Flächen
1 Icons ohne Fläche im Organigramm und ohne Vermerk in
docs/assets.json: wordeck.
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 in
mana-swift-core und godot-mana-kit.
Die Matrix: 31 von 50 Apps vollständig
Ergebnis von pnpm assets:report (Stand 2026-08-12): 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 |
|---|---|---|---|---|---|---|
|
arch
|
✓ | ✗ | · | · | · | · |
|
Audioguide
|
✓ | ✓ | · | · | · | · |
|
Avatar
|
✓ | ✓ | · | · | · | · |
|
Bilda
|
✓ | ✓ | ✓ | · | · | · |
|
Chorportal Thurgau
|
✓ | ✓ | · | · | · | · |
|
Comicello
|
✓ | ✓ | ✓ | ✓ | ✓ | · |
|
Galerie
|
✓ | ✓ | · | · | · | · |
|
Geburtshimmel
|
✓ | ✗ | · | · | · | · |
|
Geweba
|
✓ | ✓ | · | · | · | · |
|
Herbatrium
|
✓ | ✓ | ✓ | ✓ | ✗ | · |
|
Kistli
|
✓ | ✓ | · | · | ✗ | · |
|
Klangkiste
|
✓ | ✓ | ✓ | · | · | · |
|
Lernkoffer
|
✓ | ✓ | · | · | · | · |
|
Kollekta
|
✓ | ✓ | · | ✓ | · | · |
|
Kreisel
|
✓ | ✓ | ✓ | ✓ | ✗ | · |
|
Kulturdaten Bodensee
|
✓ | · | · | · | · | · |
|
mana Launcher
|
✓ | · | · | · | ✓ | · |
|
Lichtwerk
|
✓ | ✓ | · | · | · | · |
|
LumeTour
|
✓ | ✓ | · | · | ✓ | · |
|
mana-diktat
|
✓ | · | · | · | · | · |
|
Managarten
|
✓ | ✓ | ✓ | · | · | · |
|
ManaMeme
|
✓ | ✓ | ✓ | · | · | · |
|
Manatal
|
✓ | · | · | · | · | ✓ |
|
Manawald
|
✓ | ✓ | ✓ | · | · | · |
|
Memoro
|
✓ | ✓ | ✓ | ✗ | ✓ | · |
|
Moodlit
|
✓ | ✓ | ✓ | ✗ | ✗ | · |
|
Mukke
|
✓ | ✓ | ✓ | ✓ | ✗ | · |
|
Notiz
|
✓ | ✓ | ✓ | ✓ | ✓ | · |
|
Nutriphi
|
✓ | ✓ | ✓ | ✗ | ✓ | · |
|
Pageta
|
✓ | ✓ | ✓ | ✗ | ✓ | · |
|
pipfold
|
✓ | · | · | · | ✗ | ✓ |
|
redequell
|
✓ | ✗ | · | · | · | · |
|
rundum
|
✓ | ✓ | · | · | ✓ | · |
|
Saldo
|
✓ | ✓ | · | · | · | · |
|
Seepuls
|
✓ | ✓ | ✓ | ✗ | ✓ | · |
|
Solitär
|
✓ | · | · | · | · | ✓ |
|
Speisekammer
|
✓ | ✓ | · | · | · | · |
|
Stimmig
|
✓ | ✓ | ✓ | ✓ | · | · |
|
Tidyfall
|
✓ | · | · | · | ✗ | ✓ |
|
Tipprunde
|
✓ | ✓ | · | · | · | · |
|
tussle
|
✓ | · | · | · | · | ✓ |
|
uLoad
|
✓ | ✓ | ✓ | · | · | · |
|
Viadocu
|
✓ | ✓ | ✓ | ✗ | ✓ | · |
|
Werdrobe
|
✓ | ✓ | ✓ | ✓ | ✗ | · |
|
Who
|
✓ | ✓ | ✓ | · | · | · |
Wordeck
|
✓ | ✓ | ✓ | ✗ | ✓ | · |
|
Worldream
|
✓ | ✓ | · | ✓ | · | · |
|
mana Feedback
|
✓ | ✓ | · | · | · | · |
|
zeitranke
|
✓ | ✓ | · | · | · | · |
|
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 →
pnpm assets:herkunft. Drift fängt pnpm assets:check in
validate:fast; dass eine Herkunfts-Angabe der Datei widerspricht oder
ins Leere zeigt, fängt pnpm assets:herkunft:check ebendort.