Die Wombat-Marke
Ein Wombat, ein Bauhelm, acht Säulen. Das ist das visuelle System hinter Wombat: ein Vektor-Maskottchen, das erklärt, ein einfarbiges Icon-Set für das Framework und ein Terminal, das alles ehrlich hält. Alles auf dieser Seite ist herunterladbar.
Ein Maskottchen mit einem Job.
Der Wombat trägt einen Bauhelm, weil es um Fundamente geht: Kontrollen, Evidenz, Exit-Strategien. Der Kopf ist die Marke. Die sechs Gesichter decken die Tonlage ab — nutze sie, um einen Satz zu klären, nie als Dekoration.
Ruhig
Der Standard. Freundlich, nicht albern.
SVG herunterladen
Graben
Kontrollen, Evidenz und alles, was vergraben ist.
SVG herunterladen
Alarm
Risiken und Blocker. Nie ein generischer Fehler.
SVG herunterladen
Feiern
Releases, Beiträge und der 8/8-Moment.
SVG herunterladen
Nachdenken
Architektur-Reviews und offene Fragen.
SVG herunterladen
Müde
Idle-Workloads, ruhige Wochen, geplante Wartung.
SVG herunterladenDer ganze Wombat, sechs Varianten.
Der Kopf ist die Marke; der Körper ist der Charakter. Diese gemalten PNGs teilen denselben Kontrollraum-Hintergrund — zeigen, graben, erklären, feiern, ohne den Stil zu wechseln.
Stand
Die neutrale Basis. Für Sätze, die selbst die Arbeit machen.
PNG herunterladen
Winken
Begrüßung, Dank, erster Beitrag.
PNG herunterladen
Präsentieren
Zeig auf das Diagramm. Der Wombat übernimmt das Zeigen.
PNG herunterladen
Graben
Kontrollen, Evidenz und alles, was in Slide-Decks vergraben wird.
PNG herunterladen
Feiern
Releases, Beiträge, 8/8.
PNG herunterladen
Nachdenken
Architektur-Reviews und unbequeme Fragen.
PNG herunterladen
Full-body PNGs, 928×1152, with the control-room backdrop included. WebP variants are used on this page.
Acht Säulen, acht Icons.
Eine Form pro Säule, auf einem 24×24-Raster mit 1,75er Strich, damit sie neben Lucide-Icons bestehen. Sie erben currentColor — eine Datei funktioniert in Light und Dark. Kein Maskottchen im Icon: Das Framework bekommt seine eigene Sprache.
Live-Beispiele: die 8 Säulen und der Kontrollraum.
Farbe mit einer Aufgabe.
Die Produkt-UI reagiert auf das Theme und bleibt bei einem Akzent. Das Maskottchen hat seine eigene wärmere Palette — der Bauhelm ist die Konstante. Klicke auf ein Feld, um den Hex-Wert zu kopieren.
Drei Stimmen.
League Spartan trägt die Headline. Plus Jakarta Sans trägt den Satz. Monospace trägt das Terminal und alles, was nach Evidenz aussehen soll.
Die Regeln, die wir wirklich halten.
Ein Maskottchen verdient seinen Platz, indem es nützlich ist. Das sind die Linien, die wir nicht überschreiten.
Do
- Gib dem Maskottchen eine Aufgabe: Es zeigt auf das, was der Leser sehen soll.
- Bauhelm bleibt gelb, Kontur bleibt dunkel. Der Helm ist die Konstante.
- Stimme den Ausdruck auf den Satz ab — ruhig für Ruhe, Alarm für Risiko.
- Lass eine Helmbreite Freiraum um den Kopf.
- Nutze die Säulen-Icons für Framework-Konzepte; sie sind für 24 px gezeichnet.
Don't
- Nicht umfärben, verzerren, drehen oder beschneiden.
- Keinen Anzug. Der Wombat ist Bauarbeiter.
- Nicht als Aufzählungspunkt oder Ladespinner — dafür sind die Icons da.
- Den Kopf nicht auf unruhige Artwork ohne feste Fläche setzen.
- Bauhelm-Gelb nicht für Buttons. Das ist Markenblaus Job.
Social Cards, die wie das Produkt aussehen.
Jede Säule bekommt eine generierte 1200×630-Karte: Säulen-Icon, Code, Terminal-Palette und derselbe Bauhelm. Die Säulen-Seiten verweisen mit ihrem image:-Front-Matter auf diese Dateien — ein geteilter Link sieht aus, als käme er aus demselben Raum.
Generiert mit demselben Template wie der Rest der Site; siehe scripts/generate-og.mjs im Repository.
Nimm es mit.
Das komplette Set, plus der Avatar für die Orte, an denen nur ein Quadrat passt.
Brand-Assets sind für Community, Presse und Projektnutzung. Bauhelm gelb lassen, die Marke nicht verzerren und keine Unterstützung suggerieren, die das Projekt nicht ausgesprochen hat. Fragen? Sprich mit der Community.