Corporate Design
Das Corporate Design hält die Marke Miragon zusammen. Wer sich daran hält, ist schneller fertig und muss nicht jedes Mal neu entscheiden, ob etwas nach Miragon aussieht.
Diese Doku basiert auf dem Miragon CD Manual 2022 und macht es nutzbar: zum Nachschlagen, zum Kopieren von Werten und zum Herunterladen von Assets.
Die Bausteine
| Baustein | Worum es geht |
|---|---|
| Markenfundament | Warum, Wie, Was, Werte, Persönlichkeit und die Design-Prinzipien, an denen sich alles misst |
| Markenarchitektur | Miragon, Miragon AI und Miragon Modeler: Namen, Logos, Domains |
| Logo | Wortmarke, Farbvarianten, das grüne Key Visual und das App-Icon, plus Downloads und Regeln |
| Farben | Blau und Grün als Kern, mit exakten HEX-, RGB- und Pantone-Werten |
| Dark Mode | Hell und dunkel aus denselben Rollen: Schwarz als Grund, neutrale Stufen, Regeln für Apps und Webseiten |
| Typografie | Geist für Überschriften, Fließtext und Code |
| Icons | Die drei Zeichenarten Komet, Modeler-Icons und Lucide, dazu Stil, Strichstärke, Größen und die Farbregel für Lucide |
| Modeler-Icons | Ein Icon je Miragon Modeler: das Set, alle Dateien, Einbau und wie ein neues Icon entsteht |
| Layout & Raster | Abstands-Skala, Weißraum, Grundraster, Radius, Schatten, Bewegung |
| Barrierefreiheit | Kontrast-Matrix, Alt-Texte, Fokus und Bewegung, WCAG-AA-Ziel |
| Anti-Slop | Woran du AI-Texte und AI-Oberflächen erkennst und was Miragon stattdessen tut |
| Grafiken & Bildstil | Bildwelt, Illustrationen, Verläufe und BPMN |
| AI-Bilder | Was bei generierten Bildern erlaubt ist, plus Prompt-Bausteine |
| Social Media | Formate und Bausteine für LinkedIn |
| Vorlagen | Fertige Startpunkte, z. B. das Präsentationstemplate |
| Tonalität | Wie Miragon klingt, in Kurzform |
| Pflege & Versionen | Wer die CI pflegt, wie Änderungen hineinkommen, wie Versionen entstehen |
Die Marke in einem Satz
Miragon ist dein Partner für Prozessautomatisierung, der Klartext spricht. Wir sagen, was Sache ist, und bleiben dran, bis dein Team es allein kann.
Das gilt auch fürs Design: klar, direkt, ohne Schnörkel. Viel Weißraum, hohe Kontraste, Blau als Basis und Grün als Akzent, der Energie reinbringt. Im Dark Mode bleibt das so: Schwarz als Grund, Weiß als Text, Grün als Akzent.
Zeigen statt beschreiben
Diese Doku hält sich an ihre eigene Regel. Wer beschreibt, wie etwas aussieht oder klingt, zeigt es im selben Atemzug.
- Eine Überschrift über Überschriften ist selbst eine Überschrift.
- Unter jeder Regel steht ein gerendertes Beispiel, kein Absatz darüber.
- Ein Don't wird als Kachel gezeigt, nicht nur benannt.
Faustregel: Wenn du eine Regel nur lesen, aber nicht sehen kannst, fehlt das Beispiel.
Für Claude
Das komplette Corporate Design gibt es auch als Skill. Bindest du den Marketplace in Claude ein, kennt Claude Farben, Logo-Regeln, Schrift und Formate und wendet sie direkt an.