Visueller Styleguide
Standardisierte Visualisierung der Organisationselemente
Ein Regelwerk für die einheitliche Darstellung der „Elemente" der domänenspezifischen Sprache h# — der Programmiersprache für Organisationsentwicklung. Jedes Element ist ein Baustein im „Periodensystem organisationaler Kompetenzen".
A ruleset for the uniform depiction of the "elements" of h# — the domain-specific language for organizational development. Each element is a building block in the periodic system of organizational competencies.
Gestaltungsprinzipien
Systematik
systematic orderJedes Element ist gleich aufgebaut, eindeutig verortet und kombinierbar — wie im Periodensystem.
Uniformly built, clearly located, combinable — like the periodic table.
Klarheit vor Dekoration
clarity over decorationAbstrakte, geometrische Glyphen statt illustrativer Bilder. Form folgt Funktion.
Abstract geometric glyphs, not illustrations. Form follows function.
Metapher als Anker
metaphor as anchorJedes Element trägt sein sprachliches Bild — reduziert, nicht wörtlich — als Merkhilfe.
Each keeps its linguistic image — reduced, not literal — as a memory aid.
Konsistente Anatomie
consistent anatomyOrdnungszahl, Kürzel, Glyph, Name und Kategoriefarbe stehen immer in derselben Anordnung.
Ordinal, symbol, glyph, name and category color, always arranged the same.
Farbsystem
Acht Kategoriefarben, an Syntax-Highlighting angelehnt — gleiche Helligkeit und Sättigung, nur der Farbton variiert. Dazu eine neutrale, kühle Editor-Grundpalette.
Typografie
Anatomie einer Element-Kachel
Fünf feste Bestandteile in stets gleicher Anordnung. Nur Inhalt und Kategoriefarbe wechseln.
- 1Kategorie-Kante · category edge
Farbige Oberkante = Familie. Einziger farbige Flächenakzent.
- 2Ordnungszahl · ordinal
Zweistellig (01–39), oben links, mono, gedämpft.
- 3Glyph · glyph
Abstraktes Symbol der Metapher, oben rechts, in Kategoriefarbe.
- 4Kürzel · symbol
Zweistellig, mono, in Kategoriefarbe — der Blickfang.
- 5Name (DE / EN) · name
Deutsch primär, Englisch gedämpft darunter.
Kachel-Varianten zur Auswahl
Drei Ausprägungen desselben Elements. Variante A ist der Standard fürs Periodensystem; B für Kataloge mit Definition; C für Fließtext-Referenzen.
Fürs dichte Raster. Nur Kern-Identität. For the dense grid.
Selbstorganisierte Zellstrukturen als lebendiges Betriebssystem.
Für Kataloge & Karten mit Kurzdefinition. Catalog cards.
Inline im Text, Legenden, Diagrammen. Inline references.
Die acht Familien
Alle 39 Elemente sind einer Familie zugeordnet. Die Familie bestimmt die Kategoriefarbe.
Struktur & Architektur
7Wie die Organisation gebaut und verschaltet ist.
Kultur & Menschen
6Menschen, Werte und Vertrauen als Betriebsklima.
Kommunikation & Sinn
4Sinn, Narration und Informationsfluss nach innen und außen.
Strategie & Steuerung
7Richtung, Balance und Steuerung in dynamischen Umwelten.
Prozesse & Effizienz
4Routinen, Effizienz und kontinuierliche Verbesserung.
Wissen & Denken
4Wissen ordnen und komplex-vernetzt denken.
Technologie & Sicherheit
6IT, Daten und Sicherheit als tragende Dienste.
Meta / Sprache
1Die Sprache selbst — das Periodensystem als Ganzes.
Glyph-System
Ein einheitliches Vokabular abstrakter Formen — nur Kreise, Linien, Rechtecke und Polygone. Konstante Strichstärke, ein 32er-Raster, immer in Kategoriefarbe.
Das Periodensystem der Elemente
Alle 39 Elemente, gruppiert nach Familie. Suche oder filtere nach Familie — die Auswahl steuert auch die Kapitel-Illustrationen darunter. Klick auf eine Kachel öffnet das Detail.
Struktur & Architektur
Structure & Architecture7Kultur & Menschen
Culture & People6Kommunikation & Sinn
Communication & Meaning4Strategie & Steuerung
Strategy & Control7Prozesse & Effizienz
Process & Efficiency4Wissen & Denken
Knowledge & Cognition4Technologie & Sicherheit
Technology & Safety6Meta / Sprache
Meta / Language1Kapitel-Illustrationen
Zu jedem Element gehört eine abstrakt-geometrische Kapitel-Illustration: einfarbig, konstante Strichstärke, Metapher als reduziertes Bild. Filter und Suche oben steuern auch diese Galerie — Klick öffnet das Detail.
Do & Don't
- Kategoriefarbe nur an Oberkante & Kürzel einsetzen.Category color only on top edge & symbol.
- Kürzel zweistellig, aus dem Namen abgeleitet (Lo, Fb).Two-char symbols, derived from the name.
- Glyphen einfarbig, konstante Strichstärke.Single-color glyphs, constant stroke.
- Elemente per „Kürzel · Ordnungszahl" referenzieren.Reference via "symbol · ordinal".
- Keine Verläufe, Schlagschatten oder 3D auf Kacheln.No gradients, drop shadows or 3D on tiles.
- Keine illustrativen/fotorealistischen Metaphern-Bilder.No illustrative / photoreal metaphor images.
- Kategoriefarben nicht mischen oder umwidmen.Don't mix or repurpose category colors.
- Kürzel nicht frei erfinden.Don't invent symbols freely.