So arbeitest du mit dem Guide.
In vier Schritten zu einem Ergebnis, das zur Marke passt.
- 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 Wähle den Seitentyp, der deine Aussage am besten erklärt.
Bühne
Golden Sample · Startdatei noch offen Eine Aussage trägt die Folie. Die Erklärung kommt von der sprechenden Person.
Social Feed
Handlungsfähigkeit in komplexer Veränderung.
Markenthese
Regelgebundenes Beispiel Eine Aussage pro Motiv. Für einen Film gliederst du die Inhalte neu in Szenen.
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.
Newsletter
Veröffentlichte Referenz · Startdatei noch offen Sieh dir den bestehenden Newsletter als Referenz für die nächste Ausgabe an.
E-Mail-Signatur
Name, Kontakt und Pflichtangaben klar ordnen. Logo und Text am Smartphone prüfen.
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.
Wofür TILLMANN steht.
Markenkern v1Richtung bestätigt am 15.08.2026Gesamtfassung noch nicht freigegeben
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
Erkunden
Die ungeklärte Lage öffnen, relevante Menschen und Evidenz einbeziehen und unbekannte Zusammenhänge sichtbar machen.
Verdichten
Muster, Beziehungen und Hypothesen zu einer belastbaren Heuristik beziehungsweise einem gemeinsamen Arbeitsmodell verbinden.
Systematisieren
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
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.
Die neue Perspektive entsteht aus eigener Arbeit.
Man lernt neue Begriffe.
Unpassend, wenn der Begriff bereits bekannt ist und sich nur der Blick darauf verändert. Fachbegriffe für die Leser erklären; die eigene Erfahrung korrekt darstellen.
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?
Vollständiger 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
Die Wort-Bild-Marke besteht aus dem Signal-Kreis und der gezeichneten Wortmarke. Alle Proportionen beziehen sich auf die Versalhöhe C. Verwendet wird immer der vorhandene Vektormaster.
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.
Eine Aussage, vier Formate.
Handlungsfähigkeit in komplexer Veränderung.
Große Überschrift bei 1440 px · 69,1 / 70,5 px · Rand 64 px · Fläche 1440 × 900
Handlungsfähigkeit in komplexer Veränderung.
Inhaltsüberschrift · 60 / 72 px · Rand 96 px · Fläche 1920 × 1080
Social-Überschrift · 96 px · Rand 80 px · Fläche 1080 × 1350
Handlungsfähigkeit in komplexer Veränderung.
Display (Sehtipp-Profil) · 108 / 120 px · Rand 64 px · Fläche 1080 × 1920
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 |
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 |
Gemeinsame Rollen
| Rolle | Größe / Zeilenhöhe | Schnitt | Laufweite |
|---|---|---|---|
| Einstellungen | 14 / 20 | Regular (400) | 0 em |
| Quellenhinweis | 12 / 20 | Regular (400) | 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.
| 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 |
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 |
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 |
Wortbudgets
Kürzen statt verkleinern
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.
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.
| Textrolle | Budget | Verbindlichkeit |
|---|---|---|
| Überschrift, Einleitung, Karte und Aktion | Noch nicht festgelegt | Offen |
Handouts & Angebote
16:9-Leseformat; das Budget hängt vom Seitentyp ab.
| Textrolle | Budget | Verbindlichkeit |
|---|---|---|
| Überschrift und Unterzeile zusammen | Höchstens 3 Zeilen (2 + 1 oder 1 + 2) | Regel |
| Zahlen-Bento mit acht Kennzahlen | Höchstens 70 Wörter. Pro Seite, einschließlich Überschrift, Unterzeile und Zahlen; ohne Fußzeile. | Regel |
| Andere Seitentypen | Noch nicht festgelegt | Offen |
Bühne
Sprechergeführte Folien; das Layout für die Bühne bleibt separat zu prüfen.
| Textrolle | Budget | Verbindlichkeit |
|---|---|---|
| Überschrift | 6 bis 11 Wörter | Regel |
| Karten | Nur Bezeichnungen; keine Erklärtexte. | Regel |
Instagram & Social · Feed und Karussells
Statische Grafiken und selbst gesteuerte Bildfolgen.
| Textrolle | Budget | Verbindlichkeit |
|---|---|---|
| Überschrift | Höchstens 6 Wörter. Richtwert; zusätzlich den Umbruch prüfen. Vier Zeilen sind eine dokumentierte Ausnahme. | Richtwert |
| Lesetext und Begleittext | Noch nicht festgelegt | Offen |
Animierte Social-Kacheln
Textgeführte Kacheln, die automatisch weiterlaufen.
| Textrolle | Budget | Verbindlichkeit |
|---|---|---|
| Lesepflichtiger Text | Aus Wortzahl und geplanter Lesedauer ableiten. Überschrift, Erklärung und notwendige Aktion zählen mit. | Zeitabhängig |
Stories, Reels & Sprecherfilme
Texte im Bild und Untertitel; bestehende Serienprofile beachten.
| Textrolle | Budget | Verbindlichkeit |
|---|---|---|
| Titel, Kontext und Untertitel | Noch nicht festgelegt | Offen |
Newsletter
Länge je Beitragsart; die Analyse des veröffentlichten Bestands steht noch aus.
| Textrolle | Budget | Verbindlichkeit |
|---|---|---|
| Betreff, Auftakt und Beitrag | Noch nicht festgelegt | Offen |
E-Mail-Signatur
Absender, Kontakt und erforderliche Angaben.
| Textrolle | Budget | Verbindlichkeit |
|---|---|---|
| Signatur | Noch nicht festgelegt | Offen |
Flächen schaffen Hierarchie.
Vier Farben, jede mit einer Aufgabe. Die Fläche bestimmt die Textfarbe.
Welche Farbe auf welcher Fläche
| 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 →Was alle vier verbindet
Strategisches Design
Wir klären die Aufgabe, entwickeln eine Richtung und setzen sie um.
Kontakt aufnehmen →Was alle vier verbindet
Strategisches Design
Wir klären die Aufgabe, entwickeln eine Richtung und setzen sie um.
Kontakt aufnehmen →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 ordnen Inhalte.
Leistungen · Projekte · KontaktWas alle vier verbindet
8Strategisches Design
8Wir klären die Aufgabe, entwickeln eine Richtung und setzen sie um.
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
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
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 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.
Ankunft bei der Marke.
Die Sequenz endet ruhig auf der Wort-Bild-Marke.
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.
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.
Vorlagen für jeden Kanal.
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
- Golden Sample · freigegeben 20.08.2026
Handlungsfähigkeit in komplexer Veränderung.
MarkentheseSocial-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
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) |
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?
So wird das System gepflegt
Regeln, Werte und Bausteine werden an einer Quelle gepflegt und hier automatisch angezeigt. Historische Studien bleiben als solche gekennzeichnet.
Offenes hat einen klaren Platz.
- 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.