Start & Kanäle
So arbeitest du mit dem Guide
- Zielbild ansehenAnwendung und Referenz wählen, Erfolgskriterien vereinbaren.
- Layout aufbauenStartdatei mit Raster, Inhaltszonen und Abständen verwenden.
- Inhalte einsetzenText, Bilder und Logo nach den Regeln des Formats einsetzen.
- Prüfen und freigebenMit Referenz und Erfolgskriterien vergleichen, am Zielgerät prüfen und freigeben lassen.
Was möchtest du gestalten?
Website

Veröffentlichte Website Beginne mit dem Seitenaufbau. Übernimm danach die passenden Bausteine.
Handout & Angebot

Golden Sample · Startdatei ist ein Beispiel Beginne mit der Titelfolie. Wähle danach passende Seitentypen für Erklärung, Zahlen und Aufgaben.
BühneBühnendeck noch produzieren

Einzelfolie · kein fertiges Bühnendeck Eine Aussage trägt die Folie. Die Erklärung kommt von der sprechenden Person.
Story & Reel
Wenn es zu wichtig ist, um es dem Zufall zu überlassen.
Serienbeispiel · keine allgemeine Reel-Vorlage Wähle zuerst: statische Story oder Film. Die Startdatei zeigt das Sehtipp-Profil.
Podcast

Veröffentlichte Serie · Startdatei noch offen Orientiere dich an der bestehenden Serie, bevor du ein neues Episodencover gestaltest.
E-Mail-Signatur
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.
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
ErkundenRelevante Menschen und Zusammenhänge werden sichtbar.
Die ungeklärte Lage öffnen, relevante Menschen und Evidenz einbeziehen und unbekannte Zusammenhänge sichtbar machen.
VerdichtenAus Mustern entsteht ein gemeinsames Arbeitsmodell.
Muster, Beziehungen und Hypothesen zu einer belastbaren Heuristik beziehungsweise einem gemeinsamen Arbeitsmodell verbinden.
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.
KI kann Teams helfen, Informationen schneller zu ordnen und Entscheidungen besser vorzubereiten.
Aufgabe, Menschen und Nutzen benennen. Aussagen belegen, Ungewissheit sichtbar lassen.
Revolutionäre KI maximiert garantiert Ihre Transformation.
Keine unbelegten Superlative, Wirkungsgarantien oder austauschbaren Versprechen.
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.
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.
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?
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?
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.
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.
Logo
Grüner Kreis und Wortmarke bilden das Logo. Verwende die Originaldatei und halte den Schutzraum frei.
Aufbau und Proportionen
- Bezugsgröße C
- Versalhöhe der Wortmarke
- Kreisdurchmesser
- 1,12 C
- Innenabstand
- 0,42 C
- Kreisüberstand
- 0,06 C oben und unten
Schutzraum
Mindestgröße am Bildschirm
Die vollständige Marke ist am Bildschirm mindestens 120 CSS-Pixel breit; der Schutzraum kommt außen hinzu.
So

So nicht

Kleinere Anwendungen und App-Icons
Die Website nutzt als Favicon den Signal-Kreis ohne Wortmarke. Er ist der Ausgangspunkt für kleine Wiedererkennungszeichen.
Ein App-Icon braucht ein eigenes Formatprofil mit Hintergrund, Abstand zu Beschnittmasken und Prüfung auf hellen und dunklen Flächen. Eine freigegebene Vorlage gibt es dafür noch nicht. Die Mindestgröße im Druck wird am Ausdruck geprüft.
Typografie
Inter ist unsere Schrift. Größe und Schnitt machen die Aufgabe eines Textes sichtbar.
So

So nicht

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
| Rolle | Größe / Zeilenhöhe | Schnitt | Laufweite |
|---|---|---|---|
| Große Überschrift · bei 1440 px | 69,1 / 70,5 | Regular (400) | −0,03 em |
| Abschnittsüberschrift | 36 / 40 | Medium (500) | −0,02 em |
| Kartentitel | 24 / 32 | Medium (500) | 0 em |
| Zitat | 36 / 48 | Regular (400) | 0 em |
| Lesetext | 18 / 28 | Regular (400) | 0 em |
| Einleitung | 20 / 32 | Regular (400) | 0 em |
| Rubrik | 12 / 20 | Regular (400) | 0,08 em |
| Begleittext | 14 / 20 | Regular (400) | 0 em |
| Leistungs- und Akkordeontitel | 20 / 28 | Medium (500) | 0 em |
| Redaktionelle Zwischenüberschrift | 24 / 32 | Medium (500) | −0,015 em |
| Aktion | 16 / 24 | Medium (500) | 0 em |
| Navigation | 16 / 24 | Regular (400) | 0 em |
| Menü · erste Ebene | 28 / 36 | Medium (500) | −0,02 em |
| Menü · zweite Ebene | 20 / 28 | Medium (500) | 0 em |
Große Überschrift · bei 1440 px
Aa
Abschnittsüberschrift
Klarheit.
Kartentitel
Klarheit.
Zitat
Klarheit.
Lesetext
Klarheit schafft Spielraum.
Einleitung
Klarheit.
Rubrik
Klarheit schafft Spielraum.
Begleittext
Klarheit schafft Spielraum.
Leistungs- und Akkordeontitel
Klarheit.
Redaktionelle Zwischenüberschrift
Klarheit.
Aktion
Klarheit schafft Spielraum.
Navigation
Klarheit schafft Spielraum.
Menü · erste Ebene
Klarheit.
Menü · zweite Ebene
Klarheit.
Mobil
| Rolle | Größe / Zeilenhöhe | Schnitt | Laufweite |
|---|---|---|---|
| Große Überschrift | 36 / 40 | Regular (400) | −0,03 em |
| Abschnittsüberschrift | 28 / 32 | Medium (500) | −0,02 em |
| Kartentitel | 24 / 32 | Medium (500) | 0 em |
| Redaktionelle Zwischenüberschrift | 20 / 28 | Medium (500) | −0,015 em |
| Zitat | 24 / 32 | Regular (400) | 0 em |
| Lesetext | 16 / 24 | Regular (400) | 0 em |
| Begleittext | 14 / 20 | Regular (400) | 0 em |
| Rubrik | 12 / 16 | Regular (400) | 0,08 em |
| Aktion | 16 / 24 | Medium (500) | 0 em |
| Leistungs- und Akkordeontitel | 18 / 26 | Medium (500) | 0 em |
| Menü · erste Ebene | 24 / 32 | Medium (500) | −0,02 em |
| Menü · zweite Ebene | 18 / 28 | Medium (500) | 0 em |
Große Überschrift
Klarheit.
Abschnittsüberschrift
Klarheit.
Kartentitel
Klarheit.
Redaktionelle Zwischenüberschrift
Klarheit.
Zitat
Klarheit.
Lesetext
Klarheit schafft Spielraum.
Begleittext
Klarheit schafft Spielraum.
Rubrik
Klarheit schafft Spielraum.
Aktion
Klarheit schafft Spielraum.
Leistungs- und Akkordeontitel
Klarheit schafft Spielraum.
Menü · erste Ebene
Klarheit.
Menü · zweite Ebene
Klarheit schafft Spielraum.
Gemeinsame Rollen
| Rolle | Größe / Zeilenhöhe | Schnitt | Laufweite |
|---|---|---|---|
| Einstellungen | 14 / 20 | Regular (400) | 0 em |
| Quellenhinweis | 12 / 20 | Regular (400) | 0 em |
Einstellungen
Klarheit schafft Spielraum.
Quellenhinweis
Klarheit schafft Spielraum.
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.
| Rolle | Größe / Zeilenhöhe | Schnitt | Laufweite |
|---|---|---|---|
| Inhaltsüberschrift | 60 / 72 | Medium (500) | −0,03 em |
| Kartentitel | 30 / 40 | Medium (500) | 0 em |
| Zeilentitel | 24 / 34 | Medium (500) | 0 em |
| Lesetext | 24 / 34 | Regular (400) | 0 em |
| Kapitelüberschrift | 96 / 104 | Bold (700) | −0,03 em |
Inhaltsüberschrift
Aa
Kartentitel
Klarheit.
Zeilentitel
Klarheit.
Lesetext
Klarheit.
Kapitelüberschrift
Aa
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.
| Rolle | Größe / Zeilenhöhe | Schnitt | Laufweite |
|---|---|---|---|
| Überschrift | 96 / offen | Regular (400) | −0,03 em |
| Lesetext | 28–32 / Faktor 1,2 | Regular (400) | kein eigener Wert |
| Reine Text- und Zitatfolie | 58 / Faktor 1,2 | Regular (400) | kein eigener Wert |
| Begleittext | 26 / offen | Regular (400) | kein eigener Wert |
| Kleiner Begleittext | 24 / offen | Regular (400) | kein eigener Wert |
Überschrift
Aa
Lesetext
Klarheit.
Reine Text- und Zitatfolie
Aa
Begleittext
Klarheit.
Kleiner Begleittext
Klarheit.
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.
| Rolle | Größe / Zeilenhöhe | Schnitt | Laufweite |
|---|---|---|---|
| Display | 108 /120 | Regular (400) | −0,03em |
| Body und Untertitel | 48 /72 | Regular (400) | 0 |
| Metadaten | 42 /60 | Regular (400) | 0 |
| Rubrik | 36 /48 | Regular (400) | +0,08em |
| Quellen und Kontextlabel | 36 /48 | Regular (400) | 0 |
| Gesprochenes Wort | 48 /72 | Bold (700) | auf regulären Wortvorschub eingepasst |
Display
Aa
Body und Untertitel
Klarheit.
Metadaten
Klarheit.
Rubrik
Klarheit.
Quellen und Kontextlabel
Klarheit.
Gesprochenes Wort
Klarheit.
Wortbudgets
Kürzen statt verkleinern
Gleiche Rolle, 96 px. Richtwert für Social-Überschriften: höchstens 6 Wörter.
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 planenBudgets 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.
Wir helfen Führungsteams dabei, komplexe Veränderungen besser zu verstehen und daraus begründete Entscheidungen für die nächsten Schritte abzuleiten.
Veränderung verstehen. Begründet entscheiden.
Die Überschrift orientiert. Vorgehen und Belege gehören in die Einleitung und die folgenden Abschnitte.
Was für dieses Format gilt
- Überschrift, Einleitung, Karte und Aktion
Noch nicht festgelegt
Handouts & Angebote
16:9-Leseformat; das Budget hängt vom Seitentyp ab.
Auf dieser Seite zeigen wir, wie Zusammenhänge sichtbar werden und wie sich daraus begründete nächste Schritte ableiten lassen.
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.
Was für dieses Format gilt
- Überschrift und Unterzeile zusammen
Höchstens 3 Zeilen (2 + 1 oder 1 + 2)
- Zahlen-Bento mit acht Kennzahlen
Höchstens 70 Wörter. Pro Seite, einschließlich Überschrift, Unterzeile und Zahlen; ohne Fußzeile.
- Andere Seitentypen
Noch nicht festgelegt
Bühne
Sprechergeführte Folien; das Layout für die Bühne bleibt separat zu prüfen.
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.
Wer Zusammenhänge versteht, kann Optionen begründet beurteilen.
Ein Gedanke bleibt sichtbar. Die sprechende Person erklärt den Weg und liefert das Beispiel.
Was für dieses Format gilt
- Überschrift
6 bis 11 Wörter
- Karten
Nur Bezeichnungen; keine Erklärtexte.
Instagram & Social · Feed und Karussells
Statische Grafiken und selbst gesteuerte Bildfolgen.
Wir helfen Führungsteams, komplexe Veränderung zu verstehen und daraus handlungsfähige nächste Schritte für ihre Organisation zu entwickeln.
Handlungsfähigkeit in komplexer Veränderung.
Die Markenthese verdichtet den Gedanken. Weitere Erklärung folgt im nächsten Motiv oder im Begleittext.
Was für dieses Format gilt
- Überschrift
Höchstens 6 Wörter. Richtwert; zusätzlich den Umbruch prüfen. Vier Zeilen sind eine dokumentierte Ausnahme.
- Lesetext und Begleittext
Noch nicht festgelegt
Animierte Social-Kacheln
Textgeführte Kacheln, die automatisch weiterlaufen.
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.
Zusammenhänge sichtbar machen. Mögliche Wege prüfen. Den nächsten Schritt begründen.
- Zusammenhänge sichtbar machen.
- Mögliche Wege prüfen.
- Den nächsten Schritt begründen.
Drei Gedanken werden nacheinander sichtbar. Die tatsächliche Lesedauer folgt dem Pflichttext jeder Szene.
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
2–3 sRuhig lesen
6 s
Startwert für die Szene: 8–9 Sekunden. Erst danach wechseln. Der Übergang darf die Lesephase nicht verkürzen.
Was für dieses Format gilt
- Lesepflichtiger Text
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.
Wir zeigen dir in dieser Story, wie wir komplexe Zusammenhänge verstehen, mögliche Wege prüfen und einen nächsten Schritt begründen.
Verstehen. Abwägen. Handeln.
- Verstehen.
- Abwägen.
- Handeln.
Drei kurze Impulse führen durch die Folge. Erklärung oder Demo ergänzen den Zusammenhang; Untertitel werden separat geplant.
Was für dieses Format gilt
- Titel, Kontext und Untertitel
Noch nicht festgelegt
Newsletter
Länge je Beitragsart; die Analyse des veröffentlichten Bestands steht noch aus.
In dieser Ausgabe geht es darum, wie wir bei komplexen Veränderungen zu begründeten Entscheidungen kommen können.
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.
Was für dieses Format gilt
- Betreff, Auftakt und Beitrag
Noch nicht festgelegt
E-Mail-Signatur
Absender, Kontakt und erforderliche Angaben.
Wenn du mehr über meine Arbeit erfahren möchtest, kannst du dir hier meine Website ansehen.
Website ansehen
Der Link benennt das Ziel. Absender, Kontaktdaten und erforderliche Angaben bleiben vollständig.
Was für dieses Format gilt
- Signatur
Noch nicht festgelegt
Podcast
Gespräch und Episodentext haben unterschiedliche Aufgaben.
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.
Wie entscheiden wir, wenn vieles unklar ist?
Der Titel eröffnet das Gespräch. Erfahrung, Gegenargumente und Einordnung brauchen Raum in der Episode.
Was für dieses Format gilt
- Episodentitel, Auftakt und Gespräch
Noch nicht festgelegt
Farbe
Flächen schaffen Hierarchie
Vier Farben, jede mit einer Aufgabe. Die Fläche bestimmt die Textfarbe.
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
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
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
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
Weitere Kombinationen auf Signal
- Snow auf Signal
- nicht verwenden · 1,3 : 1
- Fog auf Signal
- nur dekorative Linie · 1,1 : 1
| Fläche | Pine | Snow | Signal | Fog (Linie) |
|---|---|---|---|---|
| Snow | Aa14,8 : 1Text | Aa1,3 : 1Nur Deko-Punkt | 1,2 : 1Nur Linie | |
| Frost | Aa13,4 : 1Text | Aa1,1 : 1Nicht verwenden | Aa1,2 : 1Nur Deko-Punkt | 1,1 : 1Nur Linie |
| Pine | Aa14,8 : 1Text | Aa10,9 : 1Akzent | 12,1 : 1Nur Linie | |
| Signal | Aa10,9 : 1Text | Aa1,3 : 1Nicht verwenden | 1,1 : 1Nur Linie |
Derselbe Inhalt, andere Fläche
Was alle vier verbindet
Strategisches Design
Wir klären die Aufgabe, entwickeln eine Richtung und setzen sie um.
Kontakt aufnehmen →- 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.
Kontakt aufnehmen →- 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.
Kontakt aufnehmen →- 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
Weitere bestätigte Farbrollen
| Token | Hex | Rolle |
|---|---|---|
| frost-betont | #E7EAE8 | Betonte Containerstufe hell, höchstens einmal pro Gruppe. |
| pine-container | #2C332F | Kartenfläche auf Pine. |
| pine-container-betont | #39433D | Betonte Containerstufe dunkel. |
| meta-hell | #555555 | Meta- und Sekundärtext auf hellen Flächen: Quelle, Seitenzahl, Legende. |
| meta-dunkel | #9BA5A0 | Meta- und Sekundärtext auf Pine. |
| subheader-dunkel | #E8ECEA | Subheader auf Pine. |
- meta-dunkel auf pine-container-betont: 4,05 : 1, gesperrt
- Daten- und Statusfarben gelten nur in Diagrammen und Status-Chips.
So

So nicht

Abstände
Abstände ordnen Inhalte
Warum Abstand Gruppen bildet
Leistungen
24Branding & Creative Direction
24KI & Organisationsentwicklung
24Strategie & Ausrichtung
24Kontakt
24hello@tillmann.com
24+49 30 50365923
24Zimmerstraße 50 · Berlin
Leistungen
16Branding & Creative Direction
16KI & Organisationsentwicklung
16Strategie & Ausrichtung
48Kontakt
16hello@tillmann.com
16+49 30 50365923
16Zimmerstraße 50 · Berlin
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
- Kapitelabstand
- 96 / 64 px
- Kopfzeile
- 72 px
- Aktion
- 48 px
- Trefferfläche
- mind. 44 px
Wissenslandkarte
Aus Punkten wird Orientierung
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

So nicht

Aufbau in Bewegung
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

So nicht

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.
Wortimpuls
Einen Gedanken hervorheben.
Dann entscheiden.
Aussage
Einen Gedanken verständlich formulieren.
- Beobachten
- Ordnen
- Entscheiden
Erklärung
Einen Zusammenhang zeigen.
Beleg
Eine Aussage nachvollziehbar machen.
Newsletter.
Abschluss
Einen nächsten Schritt anbieten.
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
- FokusDer Blick findet den Ort.
- AufbauÜberschrift, dann Lesetext.
- HaltSteht, bis es gelesen ist.
- ÜbergabeAn die nächste Szene.
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.
Aus Punkten wird Orientierung.
Punkte verdichten sich zu einem Zentrum. Schematische Punktfläche, keine K.7-Konstruktion.
Flächen schaffen Hierarchie.
Erst die Aussage, dann ein kleiner Akzent. Schematisches Punktmotiv.
Vom Punkt zur Marke
Der Punkt wird in der Mitte scharf, wandert nach links und gibt die Wortmarke nach rechts frei.
Bedienelemente: normal und reduziert
Akkordeon öffnen
Plus wird Minus, der Inhalt erscheint unter dem Titel.
Aktion unter dem Zeiger
Button und TextLink wechseln zu Signal.
Wechsel zwischen Kapiteln
Die Markierung wandert, der neue Titel ersetzt den alten.
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.
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.
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.

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
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.
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
- Welche Frage beantwortet das gesamte Stück?
- Welchen Beitrag leistet jeder Abschnitt, jedes Bild und jede Szene?
- Wo beginnt die Aufmerksamkeit, und was folgt als Zweites und Drittes?
- Ist der Übergang logisch, und ist behauptete Kausalität belegt?
- Was erklärt die Analogie, und wo endet ihre Gültigkeit?
- 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.
Handlungsfähigkeit in komplexer Veränderung.
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.
Handlungsfähigkeit in komplexer Veränderung.
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.
Handlungsfähigkeit in komplexer Veränderung.
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).
Handlungsfähigkeit in komplexer Veränderung.
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.
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.
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.
Ein Post entsteht Schritt für Schritt
„Bleibt alles anders“ verbindet eine gemeinsame Story mit unterschiedlichen Darstellungen pro Kachel.

- Story klären
Was verändert sich hinter einer vertrauten Oberfläche?
- Folge entwickeln
Einordnung, konkrete Beispiele und eine Konsequenz bauen aufeinander auf.
- Layout ausarbeiten
Jede Kachel wählt die Darstellung, die ihren Gedanken erklärt.
- Am Ergebnis prüfen
Gesamtfolge und mobile Einzelansichten vergleichen.
Arbeitsvorlage groß ansehen ↗
Handout-Cover
- Zweck
- Titel eines Handouts oder Angebots
- Format
- 16:9 · 1920 × 1080
- Status
- Golden Sample (anonymisiert) · freigegeben 20.08.2026

Handout-Innenseite
- Zweck
- Eine Kennzahl erklären
- Format
- 16:9 · 1920 × 1080
- Status
- Golden Sample · freigegeben 20.08.2026

Arbeitsphase im Workshop
- Zweck
- Eine Aufgabe für Teilnehmende stellen
- Format
- 16:9 · 1920 × 1080
- Status
- Golden Sample · freigegeben 20.08.2026

Bühne
- Zweck
- Sprechergeführte Folie
- Format
- 16:9 · 1920 × 1080
- Status
- Einzelfolie · Bühnendeck noch produzieren
Social-Motiv
- Zweck
- Eine Aussage im Feed
- Format
- 4:5 · 1080 × 1350
- Status
- Beispiel · regelgebunden
Wenn es zu wichtig ist, um es dem Zufall zu überlassen.
Story
- Zweck
- Kurzer Hinweis im Hochformat
- Format
- 9:16 · 1080 × 1920
- Status
- Beispiel nach Sehtipp-Profil
E-Mail-Signatur
- Zweck
- Kontakt und Absender klar zeigen
- Format
- Bis 360 px Breite
- Status
- In Gmail eingerichtet
Wie eine Seite zusammenspielt

- Rubrik mit Signalpunkt Einziger Signal-Akzent.
- Aussage als Überschrift Eine pro Seite.
- Frost-Karte Gruppiert Zusammengehöriges.
- Pine-Karte Genau eine; sie trägt die Bedeutung.
- Fußzone tillmann.com, Quelle, Seitenzahl.
So

So nicht

Alle Formate und ihr Stand
| Format | Verwendung | Stand |
|---|---|---|
| Website | Responsiver Auftritt mit eigenen Webrollen | Homepage ist die Referenz |
| Handout · 16:9 | Lesen und eigenständig verstehen | Golden Samples vom 20.08.2026 und Startdatei |
| Social · 4:5 / 9:16 | Mobile Sequenz; Format und Textbudget prüfen | Regelgebundene Beispiele und Startdateien |
| Bühne / Motion | Entfernung, Zeit und Sprecherbezug | Eigene Adapter; Formatfragen offen |
| E-Mail-Signatur | Absender in der täglichen Kommunikation | In Gmail eingerichtet (27.09.2026) |
Qualität
Das Ergebnis selbst prüfen
- Kanal: Stimmen Format, Schriftrollen und Rand mit dem Kanal überein?
- Aussage: Gibt es genau eine erkennbare Hauptaussage in passender Länge?
- Fläche und Signal: Text in Pine oder Snow, Signal nur für eine Aktion oder einen Akzent?
- Marke: Originale Wortmarke mit Schutzraum, echte Schriften, keine nachgebauten Elemente?
- 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.

