Zum Inhalt
TILLMANN
Für AgentenZur Homepage

Eine gemeinsame Markensprache

Die Marke verstehen und im Alltag anwenden.
Regeln, Beispiele und Vorlagen für Sprache und Gestaltung.

Stand 28.09.2026 · Tokens 0.7.51

Die Marke in Anwendung

tillmann.com, Startseite am Desktop: Wortmarke, Navigation, Aussage in großer Schrift, Lesetext, Pine-Button und Porträt.Dieselbe Startseite am Smartphone, 390 Pixel breit.
Websitetillmann.com · Desktop und MobilLiveWebsite-Bausteine ansehen
Handout-Cover 16:9 auf Snow: Wortmarke oben links, Rubrik Workshop-Dokumentation, Titel in Bold, Fußzone nur mit tillmann.com; Kunden- und Standfeld für diese Ansicht entfernt.
Handout-CoverGolden Sample · anonymisiert · 16:9BestätigtHandout-Vorlagen ansehen
Handout-Innenseite mit Kennzahl 6 in einer Frost-Karte, drei Erklärkarten rechts, die unterste in Pine.
Handout-SeiteGolden Sample · KennzahlBestätigtSeitenaufbau ansehen
Social-Motiv4:5 · regelgebundenes BeispielBeispielSocial-Vorlage ansehen
Story9:16 · Beispiel nach SerienprofilBeispielStory-Vorlage ansehen
BewegungSequenz · manuell startenBeispielBewegungsregeln ansehen
Die Ole Tillmann Show: Julian Teicke – Neustart für Berlin? Originalgrafik der Homepage.
PodcastDie Ole Tillmann Show · EpisodencoverLivePodcast öffnen
AI Signals: Originalgrafik des Newsletters auf der Homepage.
NewsletterAI Signals · OriginalgrafikLiveNewsletter öffnen

Start & Kanäle

So arbeitest du mit dem Guide

  1. Zielbild ansehenAnwendung und Referenz wählen, Erfolgskriterien vereinbaren.
  2. Layout aufbauenStartdatei mit Raster, Inhaltszonen und Abständen verwenden.
  3. Inhalte einsetzenText, Bilder und Logo nach den Regeln des Formats einsetzen.
  4. Prüfen und freigebenMit Referenz und Erfolgskriterien vergleichen, am Zielgerät prüfen und freigeben lassen.

Ablauf am Beispiel ansehen

Was möchtest du gestalten?

  • Websiteresponsiv · 1440 / 390 px
    Startseite von tillmann.com mit Aussage und frei sichtbarem Porträt.
    Veröffentlichte Website

    Beginne mit dem Seitenaufbau. Übernimm danach die passenden Bausteine.

  • Handout & Angebot16:9 · 1920 × 1080
    Titelfolie eines Handouts mit Wortmarke, Rubrik und Titel.
    Golden Sample · Startdatei ist ein Beispiel

    Beginne mit der Titelfolie. Wähle danach passende Seitentypen für Erklärung, Zahlen und Aufgaben.

  • Bühne16:9 · 1920 × 1080Bühnendeck noch produzieren
    Bühnenfolie mit Aussage und drei Karten.
    Einzelfolie · kein fertiges Bühnendeck

    Eine Aussage trägt die Folie. Die Erklärung kommt von der sprechenden Person.

  • Social Feed4:5 · 1080 × 1350
    Regelgebundenes Beispiel

    Eine Aussage pro Motiv. Für einen Film gliederst du die Inhalte neu in Szenen.

  • Story & Reel9:16 · 1080 × 1920
    Serienbeispiel · keine allgemeine Reel-Vorlage

    Wähle zuerst: statische Story oder Film. Die Startdatei zeigt das Sehtipp-Profil.

  • PodcastDie Ole Tillmann Show
    Veröffentlichtes Episodencover der Ole Tillmann Show.
    Veröffentlichte Serie · Startdatei noch offen

    Orientiere dich an der bestehenden Serie, bevor du ein neues Episodencover gestaltest.

  • NewsletterAI Signals
    Veröffentlichte AI-Signals-Grafik.
    Veröffentlichte Referenz · Startdatei noch offen

    Sieh dir den bestehenden Newsletter als Referenz für die nächste Ausgabe an.

  • E-Mail-Signaturbis 360 px Breite
    Ole Tillmann
    Creative Director & Strategic Advisor
    +49 151 226 515 70
    ole@tillmann.com
    tillmann.com
    TILLMANN
    PEAK Creative Leadership GmbH
    Zimmerstraße 50 · 10117 Berlin
    Geschäftsführer: Ole Tillmann
    Amtsgericht Charlottenburg · HRB 142645 B
    In Gmail eingerichtet

    Die gespeicherte Gmail-Signatur zeigt Name, Kontakt, Logo und Firmenangaben.

Weitere Hilfen

Statusangaben verstehen
  • Bestätigtaus aktiven Regeln
  • BeispielOrientierung, nicht normativ
  • Offennicht erfinden, als offen markieren
  • Liveveröffentlicht
Guide für Agenten

Regeln und Beispiele als Markdown oder strukturierte Daten.

Marke & Haltung

Handlungsfähigkeit in komplexer Veränderung.

Komplexe Veränderung so verstehen und gestalten, dass Menschen und Organisationen handlungsfähiger werden, wirksamer und effizienter handeln und ihre Erfolgswahrscheinlichkeit erhöhen.

Gesamtfassung noch nicht freigegebenMarkenkern v1 · Richtung bestätigt am 15.08.2026

Mission

Ole Tillmann arbeitet sich tief in reale Systeme, Organisationen und komplexe Vorhaben ein, macht die entscheidenden Strukturen sichtbar und gestaltet mit den Beteiligten Strategien, Narrative, Lernwege und funktionierende Lösungen, mit denen Menschen und Organisationen besser verstehen, entscheiden und handeln können.

Vision

Ole Tillmann wird zu einer international anerkannten Referenz für strategisches Design in komplexer Veränderung. Er verbindet strategische Tiefe, kommunikative Klarheit, visuelle Intelligenz und technologisches Verständnis zu außergewöhnlich guten, nutzbaren Systemen.

Markenversprechen

Komplexität tief verstehen. Auf den Punkt bringen. Handlungsfähigkeit gestalten. Erfolgswahrscheinlichkeit erhöhen.

Vom Ungeklärten zum Verwendbaren

  1. ErkundenRelevante Menschen und Zusammenhänge werden sichtbar.

    Die ungeklärte Lage öffnen, relevante Menschen und Evidenz einbeziehen und unbekannte Zusammenhänge sichtbar machen.

  2. VerdichtenAus Mustern entsteht ein gemeinsames Arbeitsmodell.

    Muster, Beziehungen und Hypothesen zu einer belastbaren Heuristik beziehungsweise einem gemeinsamen Arbeitsmodell verbinden.

  3. SystematisierenDas Arbeitsmodell wird erprobt und anwendbar.

    Das Arbeitsmodell testen und so weit wie sinnvoll in Entscheidungen, Abläufe, Artefakte, Produkte oder wiederholbare Systeme überführen.

Werte

Neugier

In neue Systeme eintauchen, Verbindungen suchen, echte Fragen verfolgen.

Grenze: Neugier ohne Auswahl erzeugt keinen Markenauftrag.

Methodik

Einen nachvollziehbaren Weg bauen, Hypothesen testen und Lernen speichern.

Grenze: Methode darf nicht zu starrer Bürokratie werden.

Klarheit

Relevanz, Struktur, Evidenz und Konsequenz sichtbar machen.

Grenze: Klarheit darf Komplexität nicht verfälschen.

Verantwortung

Quellen, Rechte, Unsicherheit, Urheberschaft und Wirkung ernst nehmen; die eigene Arbeit als Teil gesellschaftlicher, wirtschaftlicher und institutioneller Systeme begreifen; bleiben, bis es trägt.

Grenze: Verantwortung bedeutet nicht, jede Ausführung selbst zu übernehmen.

Wärme

Direkt und präzise sprechen, ohne kalt, zynisch oder statusfixiert zu werden.

Grenze: Wärme ersetzt keine Position und keine klare Grenze.

Sprache und Ton

Starke Position, offen für das bessere Argument.

So schreiben wir
KI kann Teams helfen, Informationen schneller zu ordnen und Entscheidungen besser vorzubereiten.

Aufgabe, Menschen und Nutzen benennen. Aussagen belegen, Ungewissheit sichtbar lassen.

So nicht
Revolutionäre KI maximiert garantiert Ihre Transformation.

Keine unbelegten Superlative, Wirkungsgarantien oder austauschbaren Versprechen.

Beispielsätze zur Erläuterung, keine Tagline.

Unser Ton im Detail

Ole Tillmann klingt wie ein informierter, meinungsstarker und präziser Mensch, der etwas verstanden hat und es einem anderen Menschen erklärt. Die Sprache ist schnörkellos, klar und auf den Punkt. Fundierung trägt die Aussage; Witz, Leichtigkeit und trockener Humor machen sie menschlich, ohne die Substanz zu schwächen.

Kenntnisreich und auf Augenhöhe schreiben

Aus Erfahrung sprechen, Zusammenhänge verständlich erklären und Unsicherheit offen benennen.

Begriffe erklären
Fachbegriffe für die Leser erklären. Die eigene Erfahrung korrekt darstellen.
Beobachtungen weiterdenken
Zeigen, was die eigene Arbeit sichtbar macht und was daraus folgt.
Respektvoll bleiben
Andere ernst nehmen. Belehrung, Abwertung und Überlegenheit vermeiden.
Wissen einordnen
Belege, persönliche Erfahrung und offene Fragen klar unterscheiden.
Aus der Praxis weiterdenken
Die Arbeit mit KI-Agenten schärft meinen Blick auf Zusammenarbeit: Klare Zuständigkeiten und gute Abstimmung brauchen wir auch zwischen Menschen.

Eine konkrete Erfahrung führt zu einer nachvollziehbaren Erkenntnis.

Keine erfundene Anfängerrolle
Man lernt neue Begriffe.

Unpassend, wenn der Begriff bekannt ist und sich nur die Perspektive verändert.

Vor Abgabe prüfen

Ist die Aussage verständlich, aus Erfahrung begründet und respektvoll?

Gekürzte Lesehilfe und adaptiertes Beispiel. Die vollständige Schreibregel folgt darunter.

Vollständige Schreibregel und Herkunft

Ole spricht aus fundierter Kenntnis und eigener Praxis. Er erklärt Zusammenhänge so, dass intelligente Menschen ohne technischen Hintergrund folgen können. Kompetenz zeigt sich durch präzise Beobachtungen, nachvollziehbare Erklärungen und begründete Urteile; sie braucht weder Selbstauszeichnungen noch belehrende Formulierungen.

  • Fachbegriffe für die Leser erklären, ohne Ole künstlich als Anfänger darzustellen. Keine erfundene Lerngeschichte wie „Ich habe gerade erst gelernt, was Cronjobs sind“ oder „Man lernt neue Begriffe“, wenn es tatsächlich um eine neue Perspektive auf Bekanntes geht.
  • Neue Beobachtungen als Weiterdenken aus der Praxis formulieren: Was wird durch die Arbeit sichtbar, welche Verbindung lässt sich daraus ableiten und was bedeutet das konkret?
  • Auf Augenhöhe bleiben. Keine Abwertung anderer, kein „Das sollte doch jeder wissen“, keine pauschalen Überlegenheitsgesten.
  • Wissen, persönliche Erfahrung und offene Fragen sauber unterscheiden. Fachliche Sicherheit darf Unsicherheit sichtbar machen; fehlende Belege nicht mit Selbstbewusstsein ersetzen.
Die Arbeit mit KI-Agenten schärft meinen Blick auf unseren Alltag. Routinen, Zuständigkeiten, Abstimmung: Vieles, was wir für Agenten ausdrücklich organisieren müssen, gehört auch zur Zusammenarbeit zwischen Menschen.

Vor Abgabe prüfen: Spricht Ole hier als kenntnisreicher Praktiker? Versteht eine nicht-technische Person die Aussage beim ersten Lesen? Bleibt der Ton respektvoll und frei von erfundener Unerfahrenheit oder Überheblichkeit?

Tone of Voice 3.10 · bestätigt am 28.09.2026. Die kurze Lesehilfe ersetzt diese Quelle nicht.

Persönliche Beobachtung und wissenschaftliches Fundament

  • Vor dem Schreiben vorhandene, von Ole geschilderte Situationen suchen. Ort, Zeitpunkt, beobachtbare Handlung und menschliche Beziehung nur so konkret machen, wie sie tatsächlich überliefert sind. Keine Dialoge, Gefühle, Personen, Orte oder Ereignisse erfinden und Ole zuschreiben. Ein hypothetisches Beispiel deutlich als solches kenntlich machen.
  • Fehlt eine passende persönliche Szene, Ole gezielt nach einer Situation fragen; die unabhängige Recherche kann währenddessen weitergehen. Nicht durch eine beliebige erfundene Anekdote ersetzen. Bestehende Angaben nicht erneut erfragen.
  • Für jeden erklärenden Beitrag ausdrücklich prüfen, welche tragenden Aussagen sich durch Zahlen, Daten, Forschung oder wissenschaftliche Modelle begründen oder einschränken lassen. Passende Originalstudien, systematische Reviews und belastbare Primärdaten recherchieren; zentrale Befunde verständlich in das Argument integrieren und direkt verlinken. Nicht bloß am Ende eine dekorative Quellenliste anhängen.
  • Quelle, Jahr, untersuchte Situation und Aussagekraft prüfen. Theoretischer Beitrag, Beobachtungsstudie, Experiment und Metaanalyse sind unterschiedliche Belege. Korrelation nicht als Ursache formulieren; ältere oder eng begrenzte Ergebnisse nicht pauschal auf heutige KI-Systeme übertragen. Auch Gegenbefunde aufnehmen, wenn sie die eigene These begrenzen.
  • Persönliche Erfahrung, Quellenbefund und eigene Schlussfolgerung sprachlich unterscheidbar halten. Forschung prüft und vertieft den Gedanken; sie darf nicht nur als nachträgliche Bestätigung ausgewählt werden. Keine wissenschaftliche Absicherung behaupten, wenn passende Belege fehlen; die Grenze offen benennen.
  • Umfang dem Format anpassen: Der Newsletter trägt die Einordnung und Quellenlinks; abgeleitete kurze Assets bewahren die Aussagegrenzen und führen zu den Belegen. Keine Quellenpflicht auf jeder Kachel und keine erfundene Zahl für einen stärkeren Einstieg. Ein Beitrag braucht keine beliebige Statistik, sondern passende Evidenz für seine überprüfbaren Aussagen.

Verständlich schreiben und zum Mitdenken einladen

Einfachheit
zählt am meisten. Geläufige Wörter, kurze Hauptsätze, Fremdwörter beim ersten Auftreten im Satz erklären
Gliederung und Ordnung
schaffen Informationsarchitektur und Priorisierung. Der Leser muss jederzeit wissen, wo er im Argument steht. Nicht durch Signalwörter, sondern durch logische Abfolge: These, Beleg, Konsequenz.
Kürze und Prägnanz
sind ein Gleichgewicht. Zu kurz ist so schlecht wie zu lang. Genug Kontext, dass nichts unklar bleibt, aber kein Satz, der nichts trägt.
Anregende Zusätze
unterstützen Interesse und Verständnis: konkrete Geschichten, Beispiele, Vergleiche oder eine überraschende Wendung, passend dosiert. Das vierte Merkmal des Modells heißt nicht Interaktivität.
Sinnvolle Beteiligung
ist Oles ergänzendes Prinzip (28.09.2026): Eine passende Reflexionsfrage, kleine Übung oder echte Interaktion kann Lesende und Zuschauende zum Mitdenken bringen. Nur einsetzen, wenn sie dem Verständnis oder einer nützlichen Entscheidung dient; keine erzwungene Frage am Ende jeder Kachel und kein bloßes Engagement-Mittel.

Die ersten vier Merkmale stammen aus dem Hamburger Verständlichkeitsmodell. Sinnvolle Beteiligung ist Oles ergänzendes Prinzip.

Der Protagonist handelt

Der Protagonist ist der Erste, der handelt.

Oles Erzählprinzip vom 28.09.2026: Die zentrale Person ergreift Initiative und treibt durch Entscheidungen und Handlungen die Geschichte voran. Sichtbar machen, was sie erreichen will, was sie konkret tut und welche Reaktion oder Folge daraus entsteht. So führt ein Schritt nachvollziehbar zum nächsten.

Prüffrage: Wer handelt hier, was verändert diese Handlung und warum folgt daraus der nächste Teil? „Der Erste“ dient hier als Leitmotiv für Initiative, nicht als starre Vorgabe, wer chronologisch zuerst auftritt. Bei realen Geschichten bleiben Handlungen und Folgen belegt; keine Motive, Dialoge oder Kausalität erfinden.

Ein Bild beim Lesen und Zuhören auslösen

Ole, 28.09.2026: „Bei allem, was wir erzählen, muss sich ein Bild auslösen bei unserem Zuhörer.“ Vor einer abstrakten Erklärung eine vorstellbare Situation anbieten: Wer ist wo, was tut die Person, was tut die nächste Person und wie greifen ihre Handlungen ineinander? Konkrete Verben, eine erkennbare Reihenfolge und wenige relevante Details tragen das Bild. Anschließend zeigen, welchen Gedanken die Szene verständlich macht.

Bildhaft bedeutet anschaulich und nachvollziehbar, nicht ausgeschmückt. Keine erfundenen Geräusche, Gegenstände, Dialoge, Gesten oder Gefühle hinzufügen. Oles belegte Angaben ausschöpfen; wenn eine für das Verständnis nötige Handlung fehlt, gezielt nachfragen. Nicht jeden Satz mit einer neuen Metapher versehen: Ein tragfähiges Bild darf mehrere Gedanken verbinden.

Prüffragen: Was kann sich ein Mensch ohne Vorwissen hier konkret vorstellen? Wer handelt, woran arbeitet die Person und was geschieht als Nächstes? Trägt jedes Detail zur Kernaussage bei? Wenn nur abstrakte Wörter übrig bleiben, eine belegte Handlung oder eine klar bezeichnete Beispielsituation einsetzen.

Stark beginnen, verständlich weiterführen

Start with a bang and build up slowly from there.

Ole hat diesen Satz von einem Journalistenfreund übernommen und am 28.09.2026 ausdrücklich als Leitprinzip bestätigt. Kein Name oder historischer Urheber wird ohne Beleg ergänzt. Für unsere Arbeit: direkt mit einer konkreten Szene, einer relevanten Spannung oder einem starken belegten Gedanken beginnen. Danach Zusammenhänge verständlich Schritt für Schritt entwickeln und zum tragenden Gedanken hin verdichten. „Bang“ bedeutet Aufmerksamkeit durch Substanz, nicht Clickbait, Übertreibung oder laute Gestaltung; „slowly“ bedeutet Raum für Verständnis, nicht Länge um ihrer selbst willen.

Hintergrund zum Markenkern

Acht verbundene Fähigkeiten

Strategisches Design ist die übergeordnete Methode. Die Fähigkeiten greifen ineinander.

  • Strategisches Design verbindet Beteiligte, Geschäftslogik, Organisation, Kommunikation und Umsetzung.
  • Menschenzentrierte Gestaltung und Prozessmoderation erzeugen Erkenntnis, Beteiligung, Optionen und Tests.
  • Redaktionelle Intelligenz und Auftrittskompetenz verbinden Fakten, Fragen, Vorstellungskraft, Aufmerksamkeit und Präsenz.
  • Visuelle Intelligenz macht Muster, Beziehungen und mögliche Handlungen wahrnehmbar.
  • Technologisches Verständnis und Übersetzungsfähigkeit verbinden technologische Mechanismen mit Geschäfts-, Organisations- und Gesellschaftsfolgen, ohne fremde Fachexpertise zu simulieren.
  • Systematisierung und Lerndesign machen Erkenntnisse anwendbar und wiederholbar.
  • Orchestrierung, Produktion und unternehmerische Umsetzungserfahrung bringen den Entwurf bis in den realen Betrieb.
  • Produktisierung speichert bewährte Methode als Denkmodell, Vorlage, Lernprodukt oder System.

Gesellschaftliche Verantwortung

Gesellschaftliche Verantwortung gehört ausdrücklich zu Oles Selbstverständnis. Er begreift sich nicht als Solitär, sondern als Teil einer demokratischen Gesellschaft und der sozialen Marktwirtschaft in Deutschland. Entscheidungen werden deshalb auch danach beurteilt, welche Folgen sie für Menschen, Institutionen und das gemeinsame System haben.

So wird Haltung im Handeln sichtbar

Machen
Denken muss in Test, Artefakt oder Handlung führen.
Gemeinsame Gestaltung
Fachleute und Partner erhalten echte Rollen, Anerkennung und Entscheidungsräume.
Zugang
Verständlichkeit und gesellschaftlicher Zugang werden bewusst gestaltet und finanziert.
Premium
Außergewöhnliche Qualität entsteht aus Substanz, Handwerk und Wirkung, nicht aus Dekoration. Premium gilt durchgängig für Inhalt, Beratungserlebnis, Sprache, Erscheinungsbild und jedes ausgelieferte Artefakt.
Ehrlichkeit
Fakt, Lesart, Empfehlung, Entscheidung und offene Frage bleiben unterscheidbar. Wissenschaftliches Arbeiten, nachvollziehbare Quellen und journalistische Standards sind verbindliche Qualitätsmaßstäbe.

Schreibregeln

  • ohne Anlauf einsteigen,
  • konkret statt bedeutungsschwer schreiben,
  • Position beziehen und Gewissheit ehrlich markieren,
  • Verben, Akteure, Kriterien und Konsequenzen nennen,
  • Fachbegriffe unmittelbar erklären,
  • Fakten, Lesart, Empfehlung und Entscheidung trennen,
  • Rhythmus variieren und trockenen Humor beiläufig einsetzen,
  • warm sprechen, ohne Höflichkeitsfüllung oder LinkedIn-Theater.

Quelle und Freigabestand

Markenkern v1, Entwurf 3, Abschnitte 3 bis 5 und 7. Die inhaltliche Richtung wurde am 15.08.2026 bestätigt. Die Gesamtfassung ist Freigabekandidat; bis zur Freigabe gilt dieser Stand als Arbeitsgrundlage.

Typografie

Inter ist unsere Schrift. Größe und Schnitt machen die Aufgabe eines Textes sichtbar.

So

Richtig: Überschrift in Regular mit gemischter Schreibung, darunter Lesetext und eine Signal-Aktion.
Gemischte Schreibung. Hierarchie entsteht aus Rolle und Größe.

So nicht

Falsch: Überschrift, Lesetext und Aktion durchgehend in fetten Versalien.
Keine durchgehenden Versalien in Bold.

Drei Schnitte, klare Aufgaben

Regular trägt den Lesetext.

Medium führt durch Inhalte.

Bold setzt gezielte Schwerpunkte.

Alle Rollen je Format

Website

Responsive Schriftrollen in CSS-Pixeln; Desktop und Mobil haben eigene Werte.

Desktop

Website · Desktop
RolleGröße / ZeilenhöheSchnittLaufweite
Große Überschrift · bei 1440 px69,1 / 70,5Regular (400)−0,03 em
Abschnittsüberschrift36 / 40Medium (500)−0,02 em
Kartentitel24 / 32Medium (500)0 em
Zitat36 / 48Regular (400)0 em
Lesetext18 / 28Regular (400)0 em
Einleitung20 / 32Regular (400)0 em
Rubrik12 / 20Regular (400)0,08 em
Begleittext14 / 20Regular (400)0 em
Leistungs- und Akkordeontitel20 / 28Medium (500)0 em
Redaktionelle Zwischenüberschrift24 / 32Medium (500)−0,015 em
Aktion16 / 24Medium (500)0 em
Navigation16 / 24Regular (400)0 em
Menü · erste Ebene28 / 36Medium (500)−0,02 em
Menü · zweite Ebene20 / 28Medium (500)0 em
Große Überschrift · bei 1440 px

Aa

Größe / Zeilenhöhe: 69,1 / 70,5 px
Regular (400) · Laufweite −0,03 em

Abschnittsüberschrift

Klarheit.

Größe / Zeilenhöhe: 36 / 40 px
Medium (500) · Laufweite −0,02 em

Kartentitel

Klarheit.

Größe / Zeilenhöhe: 24 / 32 px
Medium (500) · Laufweite 0 em

Zitat

Klarheit.

Größe / Zeilenhöhe: 36 / 48 px
Regular (400) · Laufweite 0 em

Lesetext

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 18 / 28 px
Regular (400) · Laufweite 0 em

Einleitung

Klarheit.

Größe / Zeilenhöhe: 20 / 32 px
Regular (400) · Laufweite 0 em

Rubrik

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 12 / 20 px
Regular (400) · Laufweite 0,08 em

Begleittext

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 14 / 20 px
Regular (400) · Laufweite 0 em

Leistungs- und Akkordeontitel

Klarheit.

Größe / Zeilenhöhe: 20 / 28 px
Medium (500) · Laufweite 0 em

Redaktionelle Zwischenüberschrift

Klarheit.

Größe / Zeilenhöhe: 24 / 32 px
Medium (500) · Laufweite −0,015 em

Aktion

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 16 / 24 px
Medium (500) · Laufweite 0 em

Navigation

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 16 / 24 px
Regular (400) · Laufweite 0 em

Menü · erste Ebene

Klarheit.

Größe / Zeilenhöhe: 28 / 36 px
Medium (500) · Laufweite −0,02 em

Menü · zweite Ebene

Klarheit.

Größe / Zeilenhöhe: 20 / 28 px
Medium (500) · Laufweite 0 em

Mobil

Website · Mobil
RolleGröße / ZeilenhöheSchnittLaufweite
Große Überschrift36 / 40Regular (400)−0,03 em
Abschnittsüberschrift28 / 32Medium (500)−0,02 em
Kartentitel24 / 32Medium (500)0 em
Redaktionelle Zwischenüberschrift20 / 28Medium (500)−0,015 em
Zitat24 / 32Regular (400)0 em
Lesetext16 / 24Regular (400)0 em
Begleittext14 / 20Regular (400)0 em
Rubrik12 / 16Regular (400)0,08 em
Aktion16 / 24Medium (500)0 em
Leistungs- und Akkordeontitel18 / 26Medium (500)0 em
Menü · erste Ebene24 / 32Medium (500)−0,02 em
Menü · zweite Ebene18 / 28Medium (500)0 em
Große Überschrift

Klarheit.

Größe / Zeilenhöhe: 36 / 40 px
Regular (400) · Laufweite −0,03 em

Abschnittsüberschrift

Klarheit.

Größe / Zeilenhöhe: 28 / 32 px
Medium (500) · Laufweite −0,02 em

Kartentitel

Klarheit.

Größe / Zeilenhöhe: 24 / 32 px
Medium (500) · Laufweite 0 em

Redaktionelle Zwischenüberschrift

Klarheit.

Größe / Zeilenhöhe: 20 / 28 px
Medium (500) · Laufweite −0,015 em

Zitat

Klarheit.

Größe / Zeilenhöhe: 24 / 32 px
Regular (400) · Laufweite 0 em

Lesetext

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 16 / 24 px
Regular (400) · Laufweite 0 em

Begleittext

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 14 / 20 px
Regular (400) · Laufweite 0 em

Rubrik

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 12 / 16 px
Regular (400) · Laufweite 0,08 em

Aktion

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 16 / 24 px
Medium (500) · Laufweite 0 em

Leistungs- und Akkordeontitel

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 18 / 26 px
Medium (500) · Laufweite 0 em

Menü · erste Ebene

Klarheit.

Größe / Zeilenhöhe: 24 / 32 px
Medium (500) · Laufweite −0,02 em

Menü · zweite Ebene

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 18 / 28 px
Medium (500) · Laufweite 0 em

Gemeinsame Rollen

Website · Gemeinsame Rollen
RolleGröße / ZeilenhöheSchnittLaufweite
Einstellungen14 / 20Regular (400)0 em
Quellenhinweis12 / 20Regular (400)0 em
Einstellungen

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 14 / 20 px
Regular (400) · Laufweite 0 em

Quellenhinweis

Klarheit schafft Spielraum.

Größe / Zeilenhöhe: 12 / 20 px
Regular (400) · Laufweite 0 em

Die große Desktop-Überschrift zeigt den Referenzwert bei 1440 px.

Handouts & Angebote

Für Handouts, Worksheets und Angebote im 16:9-Leseformat, in Exportpixeln bei 1920 × 1080. Die Inhaltsüberschrift führt durch eine Seite, die Kapitelüberschrift eröffnet einen Abschnitt.

Handouts & Angebote · 1920 × 1080
RolleGröße / ZeilenhöheSchnittLaufweite
Inhaltsüberschrift60 / 72Medium (500)−0,03 em
Kartentitel30 / 40Medium (500)0 em
Zeilentitel24 / 34Medium (500)0 em
Lesetext24 / 34Regular (400)0 em
Kapitelüberschrift96 / 104Bold (700)−0,03 em
Inhaltsüberschrift

Aa

Größe / Zeilenhöhe: 60 / 72 px
Medium (500) · Laufweite −0,03 em

Kartentitel

Klarheit.

Größe / Zeilenhöhe: 30 / 40 px
Medium (500) · Laufweite 0 em

Zeilentitel

Klarheit.

Größe / Zeilenhöhe: 24 / 34 px
Medium (500) · Laufweite 0 em

Lesetext

Klarheit.

Größe / Zeilenhöhe: 24 / 34 px
Regular (400) · Laufweite 0 em

Kapitelüberschrift

Aa

Größe / Zeilenhöhe: 96 / 104 px
Bold (700) · Laufweite −0,03 em

Instagram & Social · Feed und Karussells

Für Feed-Grafiken und Karussells bei 1080 px Breite. Diese Rollen werden nicht aus den Handout-Größen verkleinert.

Social · 1080 px Breite
RolleGröße / ZeilenhöheSchnittLaufweite
Überschrift96 / offenRegular (400)−0,03 em
Lesetext28–32 / Faktor 1,2Regular (400)kein eigener Wert
Reine Text- und Zitatfolie58 / Faktor 1,2Regular (400)kein eigener Wert
Begleittext26 / offenRegular (400)kein eigener Wert
Kleiner Begleittext24 / offenRegular (400)kein eigener Wert
Überschrift

Aa

Größe / Zeilenhöhe: 96 / offen px
Regular (400) · Laufweite −0,03 em

Lesetext

Klarheit.

Größe / Zeilenhöhe: 28–32 / Faktor 1,2 px
Regular (400) · Laufweite kein eigener Wert

Reine Text- und Zitatfolie

Aa

Größe / Zeilenhöhe: 58 / Faktor 1,2 px
Regular (400) · Laufweite kein eigener Wert

Begleittext

Klarheit.

Größe / Zeilenhöhe: 26 / offen px
Regular (400) · Laufweite kein eigener Wert

Kleiner Begleittext

Klarheit.

Größe / Zeilenhöhe: 24 / offen px
Regular (400) · Laufweite kein eigener Wert

Die Überschrift bleibt innerhalb eines Karussells gleich groß. „Offen“ heißt: keine Zeilenhöhe festgelegt.

Stories & vertikale Videos

Ein allgemeiner Schriftvertrag für Stories und Reels ist offen. Freigegebene Serien haben eigene Profile.

Sehtipp · bestätigtes Serienprofil

Für Sehtipp- und Best-of-Storys bei 1080 × 1920 Exportpixeln; gilt nicht automatisch für jedes vertikale Video.

Sehtipp-Story · 1080 × 1920
RolleGröße / ZeilenhöheSchnittLaufweite
Display108 /120Regular (400)−0,03em
Body und Untertitel48 /72Regular (400)0
Metadaten42 /60Regular (400)0
Rubrik36 /48Regular (400)+0,08em
Quellen und Kontextlabel36 /48Regular (400)0
Gesprochenes Wort48 /72Bold (700)auf regulären Wortvorschub eingepasst
Display

Aa

Größe / Zeilenhöhe: 108 /120 px
Regular (400) · Laufweite −0,03em

Body und Untertitel

Klarheit.

Größe / Zeilenhöhe: 48 /72 px
Regular (400) · Laufweite 0

Metadaten

Klarheit.

Größe / Zeilenhöhe: 42 /60 px
Regular (400) · Laufweite 0

Rubrik

Klarheit.

Größe / Zeilenhöhe: 36 /48 px
Regular (400) · Laufweite +0,08em

Quellen und Kontextlabel

Klarheit.

Größe / Zeilenhöhe: 36 /48 px
Regular (400) · Laufweite 0

Gesprochenes Wort

Klarheit.

Größe / Zeilenhöhe: 48 /72 px
Bold (700) · Laufweite auf regulären Wortvorschub eingepasst

Wortbudgets

Kürzen statt verkleinern

Zu ausführlich17 WörterFüllt die Fläche, wird zum Lesetext.
Verdichtet4 WörterEine Aussage, sofort erfasst.

Gleiche Rolle, 96 px. Richtwert für Social-Überschriften: höchstens 6 Wörter.

Automatisch gezählt. Die kurze Fassung ist die Markenthese, kein Slogan.

Im Film zählt auch die Zeit.

Ein Wortimpuls, eine Erklärung und eine Demo brauchen unterschiedliche Textmengen und Standzeiten. Lege zuerst die Funktion der Szene fest.

Szenen und Lesezeit planen

Budgets je Kanal

Die Textmenge folgt dem Format. Wortzahl, Zeilen und Lesezeit werden getrennt geprüft. Erst kürzen, dann aufteilen; die Schrift wird nicht verkleinert.

Website

Texte im Browser; mobile und große Ansichten prüfen.

Textbeispiel · Überschrift

Zu ausführlich · 18 Wörter

Wir helfen Führungsteams dabei, komplexe Veränderungen besser zu verstehen und daraus begründete Entscheidungen für die nächsten Schritte abzuleiten.

Verdichtet · 4 Wörter

Veränderung verstehen. Begründet entscheiden.

Die Überschrift orientiert. Vorgehen und Belege gehören in die Einleitung und die folgenden Abschnitte.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Was für dieses Format gilt

Überschrift, Einleitung, Karte und Aktion
Offen

Noch nicht festgelegt

Bis Zahlen festgelegt sind: Text am vorgesehenen Layout und Zielgerät prüfen. Das Beispiel ersetzt keine Formatfreigabe.

Handouts & Angebote

16:9-Leseformat; das Budget hängt vom Seitentyp ab.

Textbeispiel · Inhaltsüberschrift

Zu ausführlich · 18 Wörter

Auf dieser Seite zeigen wir, wie Zusammenhänge sichtbar werden und wie sich daraus begründete nächste Schritte ableiten lassen.

Verdichtet · 6 Wörter

Sichtbare Zusammenhänge ermöglichen begründete nächste Schritte.

Die Überschrift trägt die Aussage. Erklärung und Belege bleiben im Lesebereich der Seite.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Was für dieses Format gilt

Überschrift und Unterzeile zusammen
Regel

Höchstens 3 Zeilen (2 + 1 oder 1 + 2)

Zahlen-Bento mit acht Kennzahlen
Regel

Höchstens 70 Wörter. Pro Seite, einschließlich Überschrift, Unterzeile und Zahlen; ohne Fußzeile.

Andere Seitentypen
Offen

Noch nicht festgelegt

Bühne

Sprechergeführte Folien; das Layout für die Bühne bleibt separat zu prüfen.

Textbeispiel · Bühnenüberschrift

Zu ausführlich · 19 Wörter

Wir sollten die Zusammenhänge zunächst gemeinsam sichtbar machen, damit wir im nächsten Schritt die möglichen Handlungsoptionen begründet beurteilen können.

Verdichtet · 7 Wörter

Wer Zusammenhänge versteht, kann Optionen begründet beurteilen.

Ein Gedanke bleibt sichtbar. Die sprechende Person erklärt den Weg und liefert das Beispiel.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Was für dieses Format gilt

Überschrift
Regel

6 bis 11 Wörter

Karten
Regel

Nur Bezeichnungen; keine Erklärtexte.

Instagram & Social · Feed und Karussells

Statische Grafiken und selbst gesteuerte Bildfolgen.

Textbeispiel · Social-Überschrift

Zu ausführlich · 17 Wörter

Wir helfen Führungsteams, komplexe Veränderung zu verstehen und daraus handlungsfähige nächste Schritte für ihre Organisation zu entwickeln.

Verdichtet · 4 Wörter

Handlungsfähigkeit in komplexer Veränderung.

Die Markenthese verdichtet den Gedanken. Weitere Erklärung folgt im nächsten Motiv oder im Begleittext.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Was für dieses Format gilt

Überschrift
Richtwert

Höchstens 6 Wörter. Richtwert; zusätzlich den Umbruch prüfen. Vier Zeilen sind eine dokumentierte Ausnahme.

Lesetext und Begleittext
Offen

Noch nicht festgelegt

Animierte Social-Kacheln

Textgeführte Kacheln, die automatisch weiterlaufen.

Textbeispiel · Textgeführte Szene

Zu ausführlich · 22 Wörter

Wenn wir eine Entscheidung vorbereiten, machen wir zuerst die Zusammenhänge sichtbar. Danach prüfen wir mögliche Wege. So wird der nächste Schritt nachvollziehbar.

Verdichtet · 10 Wörter

Zusammenhänge sichtbar machen. Mögliche Wege prüfen. Den nächsten Schritt begründen.

  1. Szene 1Zusammenhänge sichtbar machen.
  2. Szene 2Mögliche Wege prüfen.
  3. Szene 3Den nächsten Schritt begründen.

Drei Gedanken werden nacheinander sichtbar. Die tatsächliche Lesedauer folgt dem Pflichttext jeder Szene.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Eine Szene, nachvollziehbar geplant

Erst machen wir Zusammenhänge sichtbar. Dann prüfen wir mögliche Wege. So wird klar, welchen nächsten Schritt wir gemeinsam begründen können.

20 Pflichtwörter · 6 Sekunden reine Planungs-Lesezeit

Aufbau
2–3 s
Ruhig lesen
6 s

Startwert für die Szene: 8–9 Sekunden. Erst danach wechseln. Der Übergang darf die Lesephase nicht verkürzen.

200 Wörter pro Minute plus Zuschlag aus der bestehenden Lesedauer-Regel. Aufbau und Orientierung sind bereits enthalten. Diagramme, Fachbegriffe und Demos brauchen eine Prüfung am tatsächlichen Film.

Was für dieses Format gilt

Lesepflichtiger Text
Zeitabhängig

Aus Wortzahl und geplanter Lesedauer ableiten. Überschrift, Erklärung und notwendige Aktion zählen mit.

Stories, Reels & Sprecherfilme

Texte im Bild und Untertitel; bestehende Serienprofile beachten.

Textbeispiel · Text im Bild

Zu ausführlich · 19 Wörter

Wir zeigen dir in dieser Story, wie wir komplexe Zusammenhänge verstehen, mögliche Wege prüfen und einen nächsten Schritt begründen.

Verdichtet · 3 Wörter

Verstehen. Abwägen. Handeln.

  1. Szene 1Verstehen.
  2. Szene 2Abwägen.
  3. Szene 3Handeln.

Drei kurze Impulse führen durch die Folge. Erklärung oder Demo ergänzen den Zusammenhang; Untertitel werden separat geplant.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Was für dieses Format gilt

Titel, Kontext und Untertitel
Offen

Noch nicht festgelegt

Bis Zahlen festgelegt sind: Text am vorgesehenen Layout und Zielgerät prüfen. Das Beispiel ersetzt keine Formatfreigabe.

Newsletter

Länge je Beitragsart; die Analyse des veröffentlichten Bestands steht noch aus.

Textbeispiel · Betreff

Zu ausführlich · 16 Wörter

In dieser Ausgabe geht es darum, wie wir bei komplexen Veränderungen zu begründeten Entscheidungen kommen können.

Verdichtet · 6 Wörter

Wie aus Verständnis eine Entscheidung wird

Der Betreff öffnet eine konkrete Frage. Der Beitrag behält die Tiefe, Belege und nötigen Einschränkungen.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Was für dieses Format gilt

Betreff, Auftakt und Beitrag
Offen

Noch nicht festgelegt

Bis Zahlen festgelegt sind: Text am vorgesehenen Layout und Zielgerät prüfen. Das Beispiel ersetzt keine Formatfreigabe.

E-Mail-Signatur

Absender, Kontakt und erforderliche Angaben.

Textbeispiel · Kontaktlink in der Signatur

Zu ausführlich · 15 Wörter

Wenn du mehr über meine Arbeit erfahren möchtest, kannst du dir hier meine Website ansehen.

Verdichtet · 2 Wörter

Website ansehen

Der Link benennt das Ziel. Absender, Kontaktdaten und erforderliche Angaben bleiben vollständig.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Was für dieses Format gilt

Signatur
Offen

Noch nicht festgelegt

Bis Zahlen festgelegt sind: Text am vorgesehenen Layout und Zielgerät prüfen. Das Beispiel ersetzt keine Formatfreigabe.

Podcast

Gespräch und Episodentext haben unterschiedliche Aufgaben.

Textbeispiel · Episodentitel

Zu ausführlich · 20 Wörter

Ein Gespräch über die Frage, wie Menschen komplexe Veränderungen besser verstehen und daraus begründete Entscheidungen für die Zukunft ableiten können.

Verdichtet · 7 Wörter

Wie entscheiden wir, wenn vieles unklar ist?

Der Titel eröffnet das Gespräch. Erfahrung, Gegenargumente und Einordnung brauchen Raum in der Episode.

Redaktionelles Beispiel in Leseschrift. Die Wortzahl beschreibt dieses Beispiel; sie ist keine neue Vorgabe.

Was für dieses Format gilt

Episodentitel, Auftakt und Gespräch
Offen

Noch nicht festgelegt

Bis Zahlen festgelegt sind: Text am vorgesehenen Layout und Zielgerät prüfen. Das Beispiel ersetzt keine Formatfreigabe.

Farbe

Flächen schaffen Hierarchie

Vier Farben, jede mit einer Aufgabe. Die Fläche bestimmt die Textfarbe.

SnowHauptflächeText in Pine
Standard für alle Anwendungen.
FrostKarteText in Pine
Container auf Snow, nie Vollfläche.
PineMarken-SchwarzText in Snow
Text auf Hell. Als Fläche: Fazit, Handlung, Entscheidung.
SignalAkzentText in Pine
Anker, Aktion, benannte Signal-Flächen. Trägt Pine-Text.
Fog#E8E8E8
Haarlinie Nur Dekor. Nie Text, nie Fläche, nie einziger Hinweis.
Farbwerte und Textkontraste
Snow
#FFFFFF · Text Pine · 14,8 : 1
Frost
#F3F4F4 · Text Pine · 13,4 : 1
Pine
#222925 · Text Snow · 14,8 : 1
Signal
#00FF66 · Text Pine · 10,9 : 1
Fog
#E8E8E8 · nur Haarlinie

Welche Farbe auf welcher Fläche

Fläche wählen
Fläche: SnowText in Pine14,8 : 1 · bestätigte Textrolle
Weitere Kombinationen auf Snow
Signal auf Snow
nur dekorativer Anker-Punkt; unter 3:1, daher nie Text und nie einziger Hinweis · 1,3 : 1
Fog auf Snow
nur dekorative Linie · 1,2 : 1
Fläche: FrostText in Pine13,4 : 1 · bestätigte Textrolle
Weitere Kombinationen auf Frost
Snow auf Frost
nicht verwenden · 1,1 : 1
Signal auf Frost
nur dekorativer Anker-Punkt; unter 3:1, daher nie Text und nie einziger Hinweis · 1,2 : 1
Fog auf Frost
nur dekorative Linie · 1,1 : 1
Fläche: PineText in Snow14,8 : 1 · bestätigte Textrolle
Weitere Kombinationen auf Pine
Signal auf Pine
Akzent (Anker, Aktion, Icon), kein Text · 10,9 : 1
Fog auf Pine
nur dekorative Linie · 12,1 : 1
Fläche: SignalText in Pine10,9 : 1 · bestätigte Textrolle
Weitere Kombinationen auf Signal
Snow auf Signal
nicht verwenden · 1,3 : 1
Fog auf Signal
nur dekorative Linie · 1,1 : 1
Vordergrund auf Fläche · Kontrast nach WCAG 2.2
FlächePineSnowSignalFog (Linie)
Snow14,8 : 1Textgleiche Farbe1,3 : 1Nur Deko-Punkt1,2 : 1Nur Linie
Frost13,4 : 1Text1,1 : 1Nicht verwenden1,2 : 1Nur Deko-Punkt1,1 : 1Nur Linie
Pinegleiche Farbe14,8 : 1Text10,9 : 1Akzent12,1 : 1Nur Linie
Signal10,9 : 1Text1,3 : 1Nicht verwendengleiche Farbe1,1 : 1Nur Linie

Text braucht eine Textrolle und mindestens 4,5 : 1; Grafik und Fokus mindestens 3 : 1. Werte abgerundet.

Derselbe Inhalt, andere Fläche

Anzeige
Beispiel wählen

Was alle vier verbindet

Strategisches Design

Wir klären die Aufgabe, entwickeln eine Richtung und setzen sie um.

tillmann.com

Kontakt aufnehmen →
Hell Signal nur als Punkt.
Fläche
Snow
Karte
Frost
Text und Begleittext
Pine
Punkt
Signal
Aktion
Pine mit Text in Snow

Was alle vier verbindet

Strategisches Design

Wir klären die Aufgabe, entwickeln eine Richtung und setzen sie um.

tillmann.com

Kontakt aufnehmen →
Pine Signal für die eine Aktion.
Fläche
Pine
Karte
Pine-Container
Text
Snow
Begleittext
Meta dunkel
Aktion
Signal mit Text in Pine

Was alle vier verbindet

Strategisches Design

Wir klären die Aufgabe, entwickeln eine Richtung und setzen sie um.

tillmann.com

Kontakt aufnehmen →
So nicht Signal als Text und Schmuck, Fog als Text.
Frost als Vollfläche
Für diese Anwendung nicht vorgesehen
Signal als Text
Keine Textrolle
Fog als Text
Unzureichender Kontrast
Signal-Flächen
Unbegründete Hervorhebungen

Text der Startseite. Offen: wann Pine Hauptfläche einer ganzen Anwendung ist.

Weitere bestätigte Farbrollen
Container- und Textstufen
TokenHexRolle
frost-betont#E7EAE8Betonte Containerstufe hell, höchstens einmal pro Gruppe.
pine-container#2C332FKartenfläche auf Pine.
pine-container-betont#39433DBetonte Containerstufe dunkel.
meta-hell#555555Meta- und Sekundärtext auf hellen Flächen: Quelle, Seitenzahl, Legende.
meta-dunkel#9BA5A0Meta- und Sekundärtext auf Pine.
subheader-dunkel#E8ECEASubheader auf Pine.
  • meta-dunkel auf pine-container-betont: 4,05 : 1, gesperrt
  • Daten- und Statusfarben gelten nur in Diagrammen und Status-Chips.

So

Richtig: Frost-Karte mit Überschrift, Lesetext, einer Signal-Aktion und einer zurückhaltenden zweiten Aktion.
Frost gruppiert. Signal markiert genau eine Aktion.

So nicht

Falsch: Signal als Fläche hinter der Überschrift, als leerer Balken und auf beiden Aktionen.
Signal nicht als Textmarker, Schmuckbalken oder für mehrere gleichrangige Aktionen.

Abstände

Abstände ordnen Inhalte

Hilfslinien einblenden
Desktop · 1440 px · Rand 64 px · Kapitelabstand 96 px
Mobil · 390 px · Rand 24 px · Kapitelabstand 64 px

Was alle vier verbindet

8

Strategisches Design

8

Wir klären die Aufgabe, entwickeln eine Richtung und setzen sie um.

Karte der Startseite: innen 24, dazwischen 8.

Demo mit Texten der Startseite und Werten der Website-Skala. Zeigt das Prinzip, keine Vorlage.

Warum Abstand Gruppen bildet

Leistungen

24

Branding & Creative Direction

24

KI & Organisationsentwicklung

24

Strategie & Ausrichtung

24

Kontakt

24

hello@tillmann.com

24

+49 30 50365923

24

Zimmerstraße 50 · Berlin

So nicht Überall 24: sechs gleiche Zeilen.

Leistungen

16

Branding & Creative Direction

16

KI & Organisationsentwicklung

16

Strategie & Ausrichtung

48

Kontakt

16

hello@tillmann.com

16

+49 30 50365923

16

Zimmerstraße 50 · Berlin

So 16 innen, 48 dazwischen: zwei Gruppen, ohne Linie.
Skala und feste Maße

Alle Abstände der Website stammen aus einer Skala. Zwischenwerte werden nicht frei gesetzt.

4 px
Feinabstufung in Bausteinen
8 px
Feinabstufung in Bausteinen
12 px
Feinabstufung in Bausteinen
16 px
Innerhalb einer Gruppe
24 px
Eng zusammengehörige Inhalte
32 px
Modulabstand
48 px
Eigenständige Inhalte
64 px
Größere Inhaltsgruppen
96 px
Kapitelabstand Desktop
Seitenrand
64 / 24 px

Desktop / Mobil

Kapitelabstand
96 / 64 px

Desktop / Mobil

Kopfzeile
72 px

Höhe

Aktion
48 px

Höhe, Radius 8 px

Trefferfläche
mind. 44 px

auch für TextLinks

Wissenslandkarte

Aus Punkten wird Orientierung

Punktraster auf Pine mit verdichteten, verbundenen Inseln in abgestuften Tönen
K.7-Konstruktion aus dem bestätigten Cover, ohne Text.

Auf Pine

Abgestufte Töne bilden zusammenhängende Höhenbereiche. Das Raster bleibt fest, die Komposition variiert.

Auf Weiß

Dezent und optional. Eine oder zwei Stellen rahmen die Fläche; Texte, Karten und Aktionen erhalten echten Abstand.

Die äußerste Punktreihe bleibt frei. Keine gestreckten Punkte, keine Vier-Ecken-Schablone, keine Musterfläche direkt unter Text.

So

Richtig: Punktraster auf Pine mit fünf zusammenhängenden Höhenstufen, frei von Text.
Zusammenhängende Höhenstufen. Das Motiv bleibt ohne Text.

So nicht

Falsch: gleichmäßiges Punktraster über die ganze Fläche, eine Aussage direkt darauf gesetzt.
Kein gleichmäßiges Vollraster, kein Text direkt auf dem Muster.

Aufbau in Bewegung

Motion-Studie Eine Sekunde Aufbau, eine Sekunde Endhalt. Studie aus dem Figma-Master, keine freigegebene Animation.

Bild

Zeigen, was Menschen tun

Vorhandene Originale nutzen und Ausschnitte bewusst wählen. Menschen und ihre Arbeit tragen die Aussage; Motiv und Kontext bleiben auch mobil erkennbar. Keine ungeprüften Stockbilder.

So

Richtig: Schwarzweißfoto aus einem Coaching; zwei Menschen in einer Übung, Gesichter und Bewegung vollständig im Ausschnitt.
Menschen und Handlung vollständig zeigen.

So nicht

Falsch: derselbe Moment zu eng beschnitten; Kopf und Hände sind angeschnitten, der Zusammenhang fehlt.
Keine Ausschnitte, die Gesichter oder Gesten abschneiden.

Bewegung

Bewegung erklärt Veränderung

Bewegung erklärt einen Zustandswechsel und endet ruhig. Kein Federn, kein Nachschwingen.

Die Szene folgt dem Gedanken.

Die Funktion bestimmt die Szene. Rubrik, Überschrift und Absatz sind keine Pflichtkombination.

Szenenentwurf · schematische Beispiele, noch keine fertigen Motion-Vorlagen.

Klarheit.

Wortimpuls

Einen Gedanken hervorheben.

Der Zusammenhang wird aus der vorigen oder nächsten Szene verständlich.

Erst verstehen.
Dann entscheiden.

Aussage

Einen Gedanken verständlich formulieren.

Die Aussage funktioniert ohne zusätzlichen Absatz.

  1. Beobachten
  2. Ordnen
  3. Entscheiden

Erklärung

Einen Zusammenhang zeigen.

Ein neuer Zusammenhang nach dem anderen; räumliche Zuordnung bleibt stabil.

WertEinheit · BedeutungQuelle

Beleg

Eine Aussage nachvollziehbar machen.

Zahl, Einheit und Bezugsgröße bleiben verständlich. Keine erfundenen Zahlen.

Mehr im
Newsletter.

Abschluss

Einen nächsten Schritt anbieten.

Der nächste Schritt ist tatsächlich verfügbar und lesbar.

Karussell und Film unterscheiden
  • Karussell zum Wischen

    Die Lesenden bestimmen das Tempo. Bestehendes Karussellprofil mit seinen Seitenrollen verwenden. Keine automatische Szenendauer.

  • Karussell als Film

    Inhalte neu in lesbare Szenen gliedern. Eine volle Lesekachel nicht unverändert mit kurzer Standzeit durchrendern.

  • Kurze Story

    Wenige Gedanken nacheinander erklären. Unter einer Minute ist hier der Projektwunsch, keine Plattformgrenze.

Dieser Szenenentwurf ergänzt zeitgeführte Filme; er ersetzt nicht die Folientypen und Kopfregeln statischer Karussells. Schriftrollen, Schutzräume, Logo und Muster folgen dem gewählten Formatprofil. Neue Geometrien brauchen eine eigene Prüfung.

Lesezeit und Informationsdichte planen

Für automatisch ablaufende Textkacheln: Pflichtwörter × 60 / 200, dazu 2–3 Sekunden für Aufbau und Orientierung. Ein Planungswert, keine Garantie für Verständnis.

  • Alle notwendigen sichtbaren Wörter, Zahlen und Visual-Labels zählen. Voiceover zählt nur als sichtbarer Text, wenn es eingeblendet wird. Untertitel separat planen.
  • Aufbau und Orientierung sind im Zuschlag der Lesedauer-Regel enthalten; nicht doppelt addieren. Lange Aufbauten gesondert berücksichtigen.
  • Lesetext bleibt stabil und wird nicht durch Ausblendung oder Übergang vorzeitig unlesbar.
  • Wortzahl misst keine Diagramm- oder Demo-Komplexität. Neue Beziehungen und Blickwechsel gesondert prüfen. Keine Echtzeitbelege beschleunigen.
  • Szenen und Übergänge auf einer gemeinsamen Timeline prüfen. Bei Überschreitung Inhalte reduzieren oder aufteilen; nicht Schrift verkleinern oder Lesefenster zusammendrücken.

Pro Szene dokumentieren: Funktion, Textrollen, Pflichtwörter, Visualisierung, Aufbau, lesbarer Halt, Übergang und begründete Dauer. Danach den ganzen Film am Smartphone ohne Pause prüfen.

Szenenvarianten sind ein Entwurf, noch keine abgenommenen Golden Samples. Werte projektbezogen ausarbeiten, dokumentieren und prüfen.

Eine Sequenz im Ablauf

  1. Fokus0,0–0,3 sDer Blick findet den Ort.
  2. Aufbau0,3–1,6 sÜberschrift, dann Lesetext.
  3. Halt1,6–9,0 sSteht, bis es gelesen ist.
  4. Übergabe9,0 sAn die nächste Szene.

Beispielsequenz Phasen aus den Bildwechseln gemessen; Zeiten gelten nur hier.

Jedes Beispiel lässt sich einzeln anhalten. Bei reduzierter Bewegung startet nichts von selbst.

Sequenzen in zwei Formaten

Querformat und Hochformat mit eigenem Maßstab.

Erst die Aussage, dann das Detail.

Jede Szene zeigt einen Gedanken und steht, bis er gelesen ist.

16:9
9:16

Aus Punkten wird Orientierung.

Punkte verdichten sich zu einem Zentrum. Schematische Punktfläche, keine K.7-Konstruktion.

16:9
9:16

Flächen schaffen Hierarchie.

Erst die Aussage, dann ein kleiner Akzent. Schematisches Punktmotiv.

16:9
9:16

Vom Punkt zur Marke

Der Punkt wird in der Mitte scharf, wandert nach links und gibt die Wortmarke nach rechts frei.

16:9
9:16
Bedienelemente: normal und reduziert

Akkordeon öffnen

Plus wird Minus, der Inhalt erscheint unter dem Titel.

Normal Weicher Übergang, danach klarer Endzustand.
Reduziert Gleicher Zustandswechsel ohne Bewegung.

Aktion unter dem Zeiger

Button und TextLink wechseln zu Signal.

Normal Weicher Übergang, danach klarer Endzustand.
Reduziert Gleicher Zustandswechsel ohne Bewegung.

Wechsel zwischen Kapiteln

Die Markierung wandert, der neue Titel ersetzt den alten.

Normal Weicher Übergang, danach klarer Endzustand.
Reduziert Gleicher Zustandswechsel ohne Bewegung.
Zeiten und Quellen

Zeiten sind Projektwerte der jeweiligen Anwendung, keine allgemeinen Tokens. Das Website-Akkordeon öffnet in 280 ms. Alle Beispiele sind native Figma-Exporte mit 30 Bildern pro Sekunde; die Bedienelemente sind auf ihre Bühne zugeschnitten.

Bausteine der Website

Eine Hauptaktion im echten Kontext

Creative Director & Strategic Advisor

Wenn es zu wichtig ist, um es dem Zufall zu überlassen.

Ich berate Führungsteams zu Strategie, Marke und KI und leite kreative Produktionen von der Idee bis zur Umsetzung.

So nicht Drei gleich laute Aktionen.

Creative Director & Strategic Advisor

Wenn es zu wichtig ist, um es dem Zufall zu überlassen.

Ich berate Führungsteams zu Strategie, Marke und KI und leite kreative Produktionen von der Idee bis zur Umsetzung.

So Eine Hauptaktion, daneben ein TextLink.

Text der Startseite, Buttons aus der Website.

Die Bausteine kommen unverändert aus der Website und sind hier bedienbar.

Button

  • 1Pine · Hauptaktion. Unter dem Zeiger Signal.
  • 2Signal · gezielt, höchstens einmal je Bereich.
  • 3Outline · zweite Aktion. Unter dem Zeiger Signal.
Zustandstafel: Primary, Signal und Outline jeweils in Ruhe, unter dem Zeiger, gedrückt mit Zeiger, gedrückt per Touch und mit Tastaturfokus als dunkler Ring.
Zustände aus der Figma-Komponente. Die Tafel verwendet das englische Beispiellabel der Komponente.

TextLink

Beschriftungen nennen das Ziel und die Handlung: „Social-Vorlage ansehen“ führt zur Vorlage, „Podcast öffnen“ zur externen Seite, „Startdatei herunterladen (SVG)“ zur Datei. Der Pfeil zeigt interne (→) oder externe (↗) Navigation. Die Trefferfläche ist mindestens 44 px hoch.

Akkordeon

Handouts & Angebote

16:9-Leseformat. Größen in Exportpixeln bei 1920 × 1080.

Titel immer sichtbar, Inhalt auf Wunsch. Inhaltsbereiche lassen sich unabhängig öffnen und vergleichen. Sie schließen erst durch erneutes Antippen. Nur das Menü begrenzt sich auf eine offene Gruppe.

Erklärungen dosieren

Erst die Kernaussage und ein Beispiel zeigen. Zusätzliche Begründungen bleiben auf Wunsch erreichbar.

Titel
Höchstens 8 Wörter
Kernaussage
Höchstens 24 Wörter
Einzelne Leitlinie
Höchstens 16 Wörter
Beispiel
Höchstens 30 Wörter
Erläuterung
Höchstens 16 Wörter
Prüffrage
Höchstens 16 Wörter

Anwendungsprofil für Erklärbausteine dieses Guides. Keine allgemeine Vorgabe für Websites, Newsletter oder Handouts. Vollständige Quellen behalten ihre Tiefe.

Leitlinie für Aktionen in diesem Guide
  • Eine Hauptaktion je Bereich, daneben höchstens ein TextLink.
  • Outline für die zweite Aktion.
  • Signal gezielt, nicht für mehrere gleichrangige Aktionen.
  • Mobil nimmt nur die Hauptaktion die volle Breite ein.
  • Status steht am jeweiligen Beispiel. Regeln, Maße und Wortbudgets folgen innerhalb der gewählten Anwendung; ergänzende Erklärungen sind klappbar.

Gilt für den Brand Guide, keine systemweite Regel.

Aufbau der Guide-Komponenten

Anwendungsprofil für diesen Guide · im Review. Die bestehenden Website-Rollen bleiben die Grundlage.

  • Erst Überblick, dann Details: Titel, Kernaussage und kurze Prozessfolgen bleiben sichtbar. Erklärungen und Grenzen öffnen sich direkt darunter. Mehrere Inhalte dürfen gleichzeitig offen bleiben; sie schließen erst durch erneutes Antippen.
  • Tabs passen zu alternativen Ansichten, eigene verlinkte Abschnitte zu langen Referenzen. Dialoge sind für abgegrenzte Aufgaben da. Keine verschachtelten Akkordeons und keine wichtigen Regeln, die nur beim Darüberfahren sichtbar werden.
  • Zeilenumbrüche passen sich der verfügbaren Breite an: Fließtext mit ruhigen Endzeilen, Überschriften ausgeglichen. Keine gerätespezifischen harten Umbrüche im Lesetext; feste Asset-Kompositionen behalten ihre eigenen Regeln.
  • Akkordeon: Titel 18/26 px Medium, Lesetext 16/24 px Regular auf Mobil. Oben und unten 24 px, keine zusätzliche Texteinrückung.
  • Auf-/Zu-Zeichen: 24 × 26 px, Balken 14 × 2 px, 16 px Abstand zum Text. Eine Dekorlinie von 1 px trennt die Einträge.
  • Nummerierte Karte: 24 px innen, Radius 16 px, 12 px zwischen Titel und Inhalt. Nummer und Titel stehen auf einer Grundlinie.
  • Schreibbeispiel: Titel, Beispielsatz und Begründung als drei Rollen; 16 px Abstand. Die Begründung steht in 14/20 px.
  • Prozessgrafik: immer 80 × 56 px, Rahmen 1 px, Radius 4 px, Innenraster 8 px. Hilfslinien 2/2 px gestrichelt, Prüfhaken 1,5 px. Schematische Grafik, kein Golden Sample.
  • Mobil stehen Prozessgrafiken unter dem Text und werden nicht verkleinert. Menülinks haben mindestens 44 px Trefferhöhe und echte SVG-Pfeile.

Dieselben Angaben stehen unter ui_components in der Agentenfassung.

Formate & Vorlagen

Erst die Aussage, dann das Format

Was soll verstanden werden? Kläre den Gedanken, bevor du Text, Bild und Layout gestaltest.

Leitlinien für den roten Faden

What's the story?

Vor jeder Gestaltung klären: Was soll das Publikum verstehen, was verändert sich und warum ist das relevant?

Ein Kern, mehrere Medien.

Aussage, Quellen und Evidenzstatus bleiben erhalten. Darstellung, Tiefe, Tempo und die Rolle der erklärenden Person passen sich dem Medium an.

Jeder Teil trägt.

Text, Bild, Diagramm, Bewegung und Klang erklären, belegen, orientieren oder führen weiter. Was keine dieser Aufgaben erfüllt, entfällt. Schmuck allein ist kein Grund.

Ein Schritt führt zum nächsten.

Ursache und Wirkung, Aktion und Reaktion bilden den roten Faden. Jeder Übergang macht verständlich, warum der nächste Gedanke folgt. Eine zeitliche Folge allein belegt keine Ursache.

Analogien erklären Beziehungen.

Eine Metapher oder Analogie hilft, wenn sie den relevanten Zusammenhang verständlicher macht. Zuordnung und Grenzen müssen klar sein; ein Bild ersetzt keinen Beleg.

Der Schluss löst das Ziel ein.

Das Publikum kann am Ende die vereinbarte Frage beantworten oder den nächsten Schritt begründet gehen. Das Ergebnis wird an zuvor vereinbarten Erfolgskriterien geprüft.

Vor der Gestaltung prüfen

  1. Welche Frage beantwortet das gesamte Stück?
  2. Welchen Beitrag leistet jeder Abschnitt, jedes Bild und jede Szene?
  3. Wo beginnt die Aufmerksamkeit, und was folgt als Zweites und Drittes?
  4. Ist der Übergang logisch, und ist behauptete Kausalität belegt?
  5. Was erklärt die Analogie, und wo endet ihre Gültigkeit?
  6. Was muss am Ende verstanden sein, und woran prüfen wir das?

Eine Aussage in verschiedenen Medien

Die Aussage bleibt. Darstellung und Tiefe passen sich dem Medium an.

Kernaussage, kurze Einordnung, passende Vertiefung.

Schrift und Maße

Große Überschrift bei 1440 px · 69,1 / 70,5 px · Rand 64 px · Fläche 1440 × 900

Rolle und Rand aus dem Website-Profil.

Gedankengang, Begründung und Belege stehen im Dokument.

Schrift und Maße

Inhaltsüberschrift · 60 / 72 px · Rand 96 px · Fläche 1920 × 1080

Rolle und Zonen aus dem Handout-Vertrag.

Die Folie zeigt den Fokus. Die sprechende Person erklärt den Zusammenhang.

Schrift und Maße

Claim im Stage Golden Sample · 48 / 56 px · Rand 96.0 px · Fläche 1920 × 1080

Referenz: Stage Golden Sample 1.0. Der ältere Token h1_stage weicht ab; kein neuer allgemeiner Schriftwert.

Ein Motiv trägt einen Fortschritt. Ein Karussell verbindet mehrere Schritte.

Schrift und Maße

Social-Überschrift · 96 px · Rand 80 px · Fläche 1080 × 1350

Größe und Rand bestätigt; Zeilenhöhe und Oberkante offen (Beispiel: 1,08 und 140).

Wenige Wörter pro Szene; ausreichend Zeit zum Lesen. Die Folge trägt den Zusammenhang.

Schrift und Maße

Display (Sehtipp-Profil) · 108 / 120 px · Rand 64 px · Fläche 1080 × 1920

Sehtipp-Profil bestätigt, gilt nicht für jede Story.

Leseprobe · Beispiel

Handlungsfähigkeit in komplexer Veränderung.

Wenn sich vieles zugleich verändert, brauchen Entscheidungen einen nachvollziehbaren Ausgangspunkt. Wir machen Zusammenhänge sichtbar, prüfen mögliche Wege und begründen den nächsten Schritt.

Eine Beobachtung führt über Erklärung und Belege zu einer Konsequenz.

Redaktionelles Beispiel. Schrift- und Layoutvorgaben für dieses Medium sind noch offen.

Gesprächsauftakt · Beispiel

Handlungsfähigkeit in komplexer Veränderung.

Was müssen wir verstehen, bevor wir handeln können? Woran wird ein Zusammenhang erkennbar? Welche Beobachtung spricht für den nächsten Schritt?

Frage, Erfahrung, Nachfrage und Einordnung machen den Gedankengang hörbar.

Redaktionelles Beispiel. Schrift- und Layoutvorgaben für dieses Medium sind noch offen.

Verkleinerte Beispiele. Jedes Medium nutzt eigene Schriftgrößen und Abstände.

Ein Post entsteht Schritt für Schritt

„Bleibt alles anders“ verbindet eine gemeinsame Story mit unterschiedlichen Darstellungen pro Kachel.

Cover der redaktionellen Arbeitsvorlage Bleibt alles anders mit grünen Konstruktionslinien.
  1. Story klären

    Was verändert sich hinter einer vertrauten Oberfläche?

  2. Folge entwickeln

    Einordnung, konkrete Beispiele und eine Konsequenz bauen aufeinander auf.

  3. Layout ausarbeiten

    Jede Kachel wählt die Darstellung, die ihren Gedanken erklärt.

  4. Am Ergebnis prüfen

    Gesamtfolge und mobile Einzelansichten vergleichen.

Gesamte redaktionelle Arbeitsvorlage: sieben Kacheln, jeweils mit Erzählfunktion und Konstruktionshinweisen darunter.Arbeitsvorlage groß ansehen ↗

Redaktionelle Arbeitsfassung, kein neu freigegebenes Golden Sample. Die grünen Linien erklären die Konstruktion und gehören nicht in den fertigen Post. Historische Punktverteilungen sind keine aktuelle Mustervorgabe.

  • Handout-Cover mit Wortmarke, Rubrik, Titel in Bold und Fußzone.

    Handout-Cover

    Zweck
    Titel eines Handouts oder Angebots
    Format
    16:9 · 1920 × 1080
    Status
    Golden Sample (anonymisiert) · freigegeben 20.08.2026
    Startdatei 16:9 herunterladen (SVG)
  • Handout-Innenseite mit großer Kennzahl in einer Frost-Karte und drei Erklärkarten.

    Handout-Innenseite

    Zweck
    Eine Kennzahl erklären
    Format
    16:9 · 1920 × 1080
    Status
    Golden Sample · freigegeben 20.08.2026
    Startdatei 16:9 herunterladen (SVG)
  • Handout-Seite Jetzt seid ihr dran: große Pine-Karte mit Aufgabe, daneben drei Frost-Karten zu Zeit, Ergebnisformat und gutem Ergebnis.

    Arbeitsphase im Workshop

    Zweck
    Eine Aufgabe für Teilnehmende stellen
    Format
    16:9 · 1920 × 1080
    Status
    Golden Sample · freigegeben 20.08.2026
    Startdatei 16:9 herunterladen (SVG)
  • Bühnenfolie mit Rubrik, Aussage und drei Karten; die dritte Karte in Pine trägt den Merksatz.

    Bühne

    Zweck
    Sprechergeführte Folie
    Format
    16:9 · 1920 × 1080
    Status
    Einzelfolie · Bühnendeck noch produzieren
    Bühnendeck noch produzieren

    Deck und Startdatei fehlen noch. Das Bild zeigt nur eine einzelne Referenzfolie.

  • Social-Motiv

    Zweck
    Eine Aussage im Feed
    Format
    4:5 · 1080 × 1350
    Status
    Beispiel · regelgebunden
    Startdatei 4:5 herunterladen (SVG)
  • Story

    Zweck
    Kurzer Hinweis im Hochformat
    Format
    9:16 · 1080 × 1920
    Status
    Beispiel nach Sehtipp-Profil
    Startdatei 9:16 herunterladen (SVG)
  • Ole Tillmann
    Creative Director & Strategic Advisor
    +49 151 226 515 70
    ole@tillmann.com
    tillmann.com
    TILLMANN
    PEAK Creative Leadership GmbH
    Zimmerstraße 50 · 10117 Berlin
    Geschäftsführer: Ole Tillmann
    Amtsgericht Charlottenburg · HRB 142645 B

    E-Mail-Signatur

    Zweck
    Kontakt und Absender klar zeigen
    Format
    Bis 360 px Breite
    Status
    In Gmail eingerichtet

    Vorhandene Gmail-Fassung. Darstellung in anderen Mailprogrammen kann abweichen.

Startdateien: aus aktiven Werten erzeugte Beispiele mit Hilfslinien, keine kanonischen Master.

Wie eine Seite zusammenspielt

Handout-Innenseite Die Zahl, die im Raum bleiben soll, mit fünf nummerierten Stellen.
  1. Rubrik mit Signalpunkt Einziger Signal-Akzent.
  2. Aussage als Überschrift Eine pro Seite.
  3. Frost-Karte Gruppiert Zusammengehöriges.
  4. Pine-Karte Genau eine; sie trägt die Bedeutung.
  5. Fußzone tillmann.com, Quelle, Seitenzahl.

Golden Sample vom 20.08.2026, Beispieltext. Werte: Kapitel Typografie.

So

Richtig: dieselbe Aussage „Aus Wissen wird Wirkung.“ in 16:9 und 4:5, jeweils mit eigenem Maßstab für Schrift und Muster.
Jedes Format bekommt seinen eigenen Maßstab.

So nicht

Falsch: das Layout unverändert ins Hochformat übernommen; die Schrift wird zu klein.
Kein Layout in ein anderes Format skalieren.
Alle Formate und ihr Stand
Formate und ihr Stand
FormatVerwendungStand
WebsiteResponsiver Auftritt mit eigenen WebrollenHomepage ist die Referenz
Handout · 16:9Lesen und eigenständig verstehenGolden Samples vom 20.08.2026 und Startdatei
Social · 4:5 / 9:16Mobile Sequenz; Format und Textbudget prüfenRegelgebundene Beispiele und Startdateien
Bühne / MotionEntfernung, Zeit und SprecherbezugEigene Adapter; Formatfragen offen
E-Mail-SignaturAbsender in der täglichen KommunikationIn Gmail eingerichtet (27.09.2026)

Qualität

Das Ergebnis selbst prüfen

  1. Kanal: Stimmen Format, Schriftrollen und Rand mit dem Kanal überein?
  2. Aussage: Gibt es genau eine erkennbare Hauptaussage in passender Länge?
  3. Fläche und Signal: Text in Pine oder Snow, Signal nur für eine Aktion oder einen Akzent?
  4. Marke: Originale Wortmarke mit Schutzraum, echte Schriften, keine nachgebauten Elemente?
  5. Status: Sind Beispiele als Beispiele und offene Werte als offen markiert, und ist die Freigabe getrennt geklärt?
Details und Reduktion
The details are not the details. They make the design.

Hier bewusst ohne ungeprüfte Urheberzuschreibung. Abstände, Ausrichtung, Umbrüche, Proportionen und Übergaben sind Teil der Wirkung. „Fertig gerendert“ bedeutet nicht „gut gestaltet“.

„Gutes Design ist so wenig Design wie möglich.“ Original bei Vitsœ. Für TILLMANN: auf das Wesentliche konzentrieren; jede Karte, Linie, Farbe und Bewegung braucht eine Aufgabe. Die einfachste Darstellung wählen, die den Gedanken vollständig verständlich macht. Reduktion darf notwendige Erklärung und menschliche Wärme nicht entfernen.

Die eigene Arbeit begründen
Der Meister kann seine Arbeit begründen.

Oles Prinzip vom 28.09.2026. Wer gestaltet, kann erklären, warum Inhalt, Aufbau, Typografie, Abstände, Bilder und Bewegung so gewählt wurden. Die Begründung verbindet die Entscheidung mit Aussage, Publikum und beabsichtigter Wirkung. Auch eine bewusst emotionale oder ästhetische Entscheidung braucht einen benennbaren Beitrag.

Prüffrage: Warum ist das so gestaltet, welchen Beitrag leistet es und woran prüfen wir, ob es funktioniert? Eine plausible Begründung ersetzt die Prüfung am Ergebnis nicht. Vermutete Wirkung bleibt als Annahme erkennbar; unbegründbare Elemente werden überprüft, überarbeitet oder entfernt. Die Erklärung gehört in die Arbeits- und Reviewfassung; das fertige Asset muss verständlich wirken, ohne seine Konstruktion überall mitzuliefern.

So wird das System gepflegt

Regeln, Werte und Bausteine werden an einer Quelle gepflegt und hier automatisch angezeigt. Historische Studien bleiben als solche gekennzeichnet.

Weiterentwicklung

  • Logo: Schutzraum 1 C und Bildschirm-Mindestbreite 120 px sind bestätigt. Offen sind Druckmindestgröße und ein App-Icon-Profil.
  • Textmengen: Für Website, Newsletter, E-Mail und Social-Lesetext gibt es noch keine Wortbudgets.
  • Social und Story: Zeilenhöhe der Social-Überschrift und Oberkante freier Posts sind offen; ein allgemeines Story-Profil fehlt.
  • Bühne: Eine Startdatei gibt es noch nicht; das Golden Sample zeigt den Aufbau.
  • Bewegung: Zeiten gelten je Anwendung; ein allgemeiner Motion-Vertrag ist offen.
  • E-Mail: Signatur in Gmail eingerichtet. Offen ist die Prüfung im echten Dunkelmodus und in weiteren Mail-Clients.