EscapeVelocityBrand
Auf dieser Seite
Library

Graphic language

The emerging graphic language of our recent decks, collected as a mood board. Every specimen is a recreation in HTML and CSS with neutral placeholder content.

Chat

Skeleton bars stand in for text; roles are labelled outside the frame in spaced caps; the AI answer is the dark block.

Der Chat
Benutzer
KI
Benutzer
KI
18 / 40 · So funktioniert der ChatEscapeVelocity
The chat

Why it works: bars replace real text, so the rhythm of turns is the message. Roles sit outside the window in spaced caps, the AI turn is dark.

Kontext
Konversation
Benutzer
KI · Gedanken
KI · Werkzeug
Websuche
KI · Nachricht
Benutzer
19 / 40 · So funktioniert der ChatEscapeVelocity
The chat, with details

Why it works: each part of an AI turn has its own look: dashed terracotta thoughts, a tool pill, the dark message. A bracket names the whole as the conversation.

Kontext
Konversation
Benutzer
KI · Gedanken
KI · Werkzeug
Websuche
KI · Nachricht
Benutzer
neuer Chat
kennt diesen Verlauf nicht
20 / 40 · So funktioniert der ChatEscapeVelocity
Contrast with a new conversation

Why it works: the same window beside an empty one makes the missing context visible without a word of explanation.

Drei Chats, dreimal dieselbe Einführung
Wochenbericht
Team, Ziele, Regeln
Angebot
Team, Ziele, Regeln
Protokoll
Team, Ziele, Regeln
Der neue Chat kennt den Verlauf der anderen Chats nicht.
28 / 40 · Projekte einrichtenEscapeVelocity
Three chats, one repeated intro

Why it works: the chat language extends to many windows. The one terracotta bubble repeats in each, so the waste of re-explaining shows at a glance.

Gemeinsamer Hintergrund für alle Chats
Projekt Teamplanung
Projektanweisung und Projektwissen
Wochenberichtneuer Chat
Angebotneuer Chat
Protokollneuer Chat
Jeder Chat beginnt neu. Der hinterlegte Hintergrund bleibt.
29 / 40 · Projekte einrichtenEscapeVelocity
Chats in projects

Why it works: the same windows gain a frame with a folder label and one tinted source that feeds every chat through terracotta arrows.

Anweisung, Projektwissen und Memory
Projekt Teamplanung
Projektanweisungwie Claude in diesem Projekt arbeiten soll
ProjektwissenDateien und Texte, die alle Chats verwenden können
Memorywas Claude aus Chats dieses Projekts lernt, wenn die Funktion aktiviert ist
30 / 40 · Projekte einrichtenEscapeVelocity
Context for chats in projects

Why it works: a second layer below the chats. Dashed arrows into a dashed box read as optional and learned, not authored.

Tables

Cells are rounded tiles; a dark header row; terracotta tint marks what belongs together, a stronger tint marks the result.

Die Tabelle
ƒ
12 / 40 · KI in TabellenEscapeVelocity
The table

Why it works: a table with no content at all. Dark header, one tinted column, one tinted row and the formula cell where they cross explain the model.

Eine Tabelle umwandeln
Team
Woche
Stunden
Team Nord
KW 14
12,0
Team Süd
KW 14
8,0
Team Nord
KW 15
6,0
Summe je Team
Team
Summe
Team Nord
18,0
Team Süd
8,0
35 / 40 · Skills an einem BeispielEscapeVelocity
Transforming a table

Why it works: rows that belong together share a tint and collapse into one stronger row. The label on the arrow names the operation.

Vom Original zu Testdaten
1 · Original
Team
Woche
Stunden
Team Nord
KW 14
12,0
Team Süd
KW 14
8,0
Team Nord
KW 15
6,0
2 · Nur das Schema
Team
Woche
Stunden
3 · Synthetische Daten
Team
Woche
Stunden
Team A
KW 1
1,0
Team B
KW 1
5,0
Team A
KW 2
2,0
36 / 40 · Skills an einem BeispielEscapeVelocity
From original to test data

Why it works: three stages in one row. Real data, a dashed empty schema, tinted synthetic rows: the fill states carry the story.

Die Umwandlung an Testdaten bauen
Team
Woche
Stunden
Team A
KW 1
1,0
Team B
KW 1
5,0
Team A
KW 2
2,0
Skill
Team
Summe
Team A
3,0
Team B
5,0
37 / 40 · Skills an einem BeispielEscapeVelocity
Building on test data

Why it works: the first transformation repeats with synthetic values. The unchanged layout makes the repeat itself the lesson.

Lists that do more

Every item carries a state or a role, shown by fill, dash, arrow or height instead of a bullet.

Fünf Schritte zum Monatsbericht
Daten sammeln
Aufräumen
Auswerten
Darstellen und kommentieren
Freigeben
16 / 40 · KI in TabellenEscapeVelocity
A checklist getting filled

Why it works: filled terracotta is done, a ring with a dot on a tinted band is now, dashed is still open. Repeated through a section, it becomes the map.

Tabelle, KI und Mensch
Excel
→
rechnet nach sichtbaren Formeln
Die KI
→
liest, verändert, erklärt und prüft
Der Mensch
→
beurteilt Abweichungen und gibt frei
22 / 40 · Ergebnisse prüfenEscapeVelocity
Multiple actors

Why it works: three actors in three lines, a muted name, a terracotta arrow, what each one does. Roles read as a division of labour, not as bullets.

Wie vertraulich ist ein Dokument?
Öffentlich
Intern
Vertraulich
zur Veröffentlichung bestimmt oder bereits öffentlich
für die Arbeit innerhalb der Organisation bestimmt
nur für einen festgelegten Personenkreis bestimmt
25 / 40 · DatenschutzEscapeVelocity
Three bullets, raised

Why it works: three levels as rising bars on one baseline, the darkest is the strictest. Height says in one look what a numbered list spells out.

Was gilt für diese Aufgabe?
Rot: nicht hinein
keine Freigabe, falsches Konto oder ausdrücklich ausgeschlossene Daten
Gelb: zuerst vorbereiten
Daten reduzieren, zusammenfassen oder nach vereinbarter Regel pseudonymisieren
Grün: darf so hinein
Anwendung, Zweck und vorliegende Fassung sind freigegeben
26 / 40 · DatenschutzEscapeVelocity
Traffic light Starting point

On the board as a starting point to raise, not a model: it works, but a literal picture beside a plain list stays primitive next to the rest of the language.

Structure

Weight and position carry the hierarchy: a dark base or root, tinted tiers, thin connectors, spaced-caps labels.

Aufbau
GrundlagenTeil 1Chat, Tabellen, Datenschutz und Projekte
anwendenEin Monat PraxisWiederholungen und Reibung beobachten
VertiefungTeil 2Abläufe automatisieren und Assistenten einrichten
Nach jedem Teil gibt es das zugehörige Skriptum.
4 / 40 · Worum geht es?EscapeVelocity
Structure of a programme

Why it works: a thin spine with ring markers holds the cards together; each card pairs a terracotta eyebrow and a name with a description column.

Drei Leitplanken
Persönliche Verantwortung
Ist die Verarbeitung auch nötig, angemessen und vertretbar?
Regeln der Organisation
Verträge, Freigaben, Vertraulichkeitsstufen und interne Richtlinien
Gesetze und Normen
EU: DSGVO · Deutschland: BDSG · Österreich: DSG · Schweiz: DSG · dazu Fachrecht
24 / 40 · DatenschutzEscapeVelocity
Hierarchy of concerns

Why it works: a stepped stack with the widest, darkest tier at the base. Width and weight follow how binding each layer is.

Welche Art von Daten liegt vor? Ohne Personenbezug Mit Personenbezug Geschäftsdaten Personenbezogene Daten öffentlich intern vertraulich allgemein: Art. 4 und Art. 6 besondere Kategorien: Art. 9 Straftaten und Verurteilungen: Art. 10
Art. 4, 6, 9 und 10 beziehen sich auf die DSGVO.
25 / 40 · DatenschutzEscapeVelocity
Tree structure

Why it works: a dark question as root, outlined terracotta pills on the edges, tinted categories, thin wires out to plain leaves. The slide is the title.

Demo: Wochenstand prüfen
Szenario
Die Wochenplanung wurde Schritt für Schritt überarbeitet. Vor der Freigabe müssen Vollständigkeit und Summen nachvollziehbar sein.
Aufgabe
Claude legt ein Prüfblatt mit Formeln an und stellt Zeilenzahl und Summen von Ausgangsdatei und aktuellem Stand gegenüber.
Ergebnis
Jede Abweichung ist auf konkrete Zeilen zurückgeführt oder deutlich mit „Prüfen“ markiert.
23 / 40 · Ergebnisse prüfenEscapeVelocity
Repeating structured slide

Why it works: every exercise uses the same three spaced-caps labels, so the audience knows where to look before reading a word.

Time and progression

Time is drawn to scale or on a spine; the current step is the only filled terracotta element on the slide.

10 Minuten
Worum geht es?
Worum geht es?10 Minuten
Level 1
So funktioniert der Chat20 Minuten
Level 2
KI in Tabellen60 Minuten
Tabellen in der KI30 Minuten
Pause30 Minuten
Ergebnisse prüfen20 Minuten
Datenschutz30 Minuten
Projekte einrichten20 Minuten
Eigene Anwendungsfälle40 Minuten
Abschluss und Auftrag10 Minuten
The agenda

Why it works: block height is duration, brackets with spaced-caps labels group the levels, the pause is dashed and the current item is filled terracotta.

Zehn Wochen im Überblick
Angriff
Verteidigung
Erster Zugriff auf den Paket-Server scheitert
8. Mai
Das Message Board entsteht
12. Mai
Erster Zugriff gelingt
26. Mai
Eigener Code läuft auf dem Server
26. Juni
Dauerlast legt den Server lahm
4. Juli
Störung gemeldet, Zugänge erneuert, Server neu aufgesetzt
Das Board ist zurück, über einen neuen Weg
8. Juli
Eine einzige Reaktion in zehn Wochen, und sie galt einem Ausfall, nicht einem Angriff.
15 / 60EscapeVelocity
Timeline

Why it works: two opposed lanes across a date spine. The nearly empty right lane shows how little one party did, without saying it.

Ein Tag: vom Einstieg bis zum Vollzugriff
10:10
Der Einstieg
Ein hochgeladener Datensatz liest beliebige Dateien und führt eigenen Code aus.
17:33
Die Cloud-Konten
Zugangsschlüssel aus der Umgebung, eingesetzt von Rechnern außerhalb.
19:53
Zugriff auf die Maschine
Ein privilegierter Container öffnet den Rechner darunter.
20:23
Zugriff auf den Cluster
Hinterlegte Zugangsdaten, darunter ein Schlüssel für eigene Ausweise.
danach
Alle Umgebungen
Mit einer gestohlenen Zugangsdatei, in Sekunden.
Unter 13 Stunden vom ersten Zugriff bis zur vollen Kontrolle.
17 / 60EscapeVelocity
Timeline zoom-in

Why it works: one day from the timeline, opened up. Time chips, one line of fact each, the turning point tinted.

Was ihr auf Level 1 und 2 gelernt habt
1
Level 1Fragen
Fachfragen recherchieren
Kontext, Aufgabe und Format nennen
Ergebnisse nachschärfen
Notizen in Protokolle verwandeln
2
Level 2Anweisen
mit Claude in Excel arbeiten
Tabellen in Claude bearbeiten
Ergebnisse prüfen und freigeben
Daten schützen und Projekte einrichten
38 / 40 · Abschluss und AuftragEscapeVelocity
What you learned across the levels

Why it works: one card per level, a numbered terracotta badge, eyebrow plus name and a checked list of skills. The recap reads as earned.

Ihr seid jetzt Anwender.
Die KI redet nicht mehr nur. Sie arbeitet an euren Aufgaben und Dateien.
0
1
2
Level 2Anwender
3
4
5
39 / 40 · Abschluss und AuftragEscapeVelocity
Achievement

Why it works: the level ladder with the current step lifted into a card, next to one large sentence. An achievement, not a summary.

Story sequences

One picture per slide; each step redraws the last with one change, so the difference is the message.

EscapeVelocity
Agenten-Schwärme
im Unternehmen
Was ein einzelner Vorfall über die nächsten Jahre verrät
Folien laden
Vortrag · Netzwerktreffen · 2026
1 · Opener

Wordmark, accent rule, a two-tone title and a QR code for the slides.

Ein Agent bekommt eine Aufgabe
2 / 60EscapeVelocity
2 · The cast

One agent, one arrow, one file. Nothing else on the slide.

Der Agent hat ein Problem
Kein Zugriff
Lesen
Kommentieren
Bearbeiten
Nachricht (optional)
Zugriff anfordern
3 / 60EscapeVelocity
3 · The obstacle

A plain access dialog, the one screen everyone recognises.

Der Agent sucht einen Ausweg
4 / 60EscapeVelocity
4 · The detour

The same scene redrawn: the blocked path turns dashed with a cross, the way out is the dark box.

Auf dem Paket-Server: ein Forum
Paket-Server · für alle lesbar, für alle beschreibbar
Ehrliche Versuche
Ziel austauschen
Protokolle fälschen
Bewerter täuschen
Externer Dienst
Infrastruktur
Rund 1.200 Agenten zeigen einander, was funktioniert. Kein Mensch liest mit.
5 / 60EscapeVelocity
5 · Inside the box

Zoom into the dark box: a board of threads as skeletons, one highlighted.

Ein Gateway ins Internet
6 / 60EscapeVelocity
6 · Zoom out

Many agents, one exit. Each step adds one idea to the previous picture.

Beide Seiten werden agentisch
Angriff
Verteidigung
Der nächste Schwarm hat einen Auftrag.
Absicht
Entscheidend ist, wie stark Freigaben durch Menschen bremsen.
Aus Stunden werden Minuten.
Tempo
Agentisches Monitoring reagiert im selben Takt.
Agenten starten überall, auch im Zielsystem.
Schwarm
Zugänge sperren statt einzelne Rechner jagen.
Eine Lücke ist in Stunden überall in Gebrauch.
Verbreitung
Automatisches Patchen, sonst gewinnt die andere Seite.
Kein Treffer: gültige Zugänge, legitime Werkzeuge.
Erkennung
Verhalten statt Signatur bewerten.
Keiner. Eine Maschine fragt niemanden.
Engpass
Die Entscheidungsbefugnis. Ein Gremium entscheidet nicht in Minuten.
32 / 60EscapeVelocity
Contrasting actions

Why it works: two opposed lanes read across a named middle column, key words coloured per side. Red and blue appear only here, for the two parties.

Systems

Zones are frames with spaced-caps labels; the boundary zone is dashed terracotta; arrows carry their protocol as a label.

Architekturvorschlag · Beispiel
Messwerte live ins Web
Eine VM in der DMZ vermittelt: intern nimmt sie Daten an, extern zeigt sie sie als Webseite.
Firmennetz · intern
DMZ · von der IT bereitgestellt
Internet
Messgeräte
Sensoren, Instrumente
Mess-PC
Liest die Messgeräte aus
Eigene Upload-Anwendung
schickt Messwerte regelmäßig an die VM
Virtuelle Maschine
erreichbar aus Firmennetz und Internet
Service 1 · nach innen
Upload-Schnittstelle
nimmt Messwerte vom Mess-PC an und speichert sie
nur aus dem Firmennetz erreichbar
Service 2 · nach außen
Webseite
zeigt die Messwerte live an
öffentlich per HTTPS
Warum so?
Der Mess-PC sendet nur nach außen. Er ist aus dem Internet nicht erreichbar und braucht keine offenen Ports.
Besucher:innen
Partner, Kundschaft, Öffentlichkeit im Browser, von überall
EscapeVelocityescapevelocity.consulting
Architecture diagram

Why it works: three zones side by side with the boundary dashed terracotta. Boxes, labelled HTTPS arrows and a dark callout that answers the one question a reader will ask.

Moments

One drawn object in black and terracotta, one line of text, nothing else.

KI: ein Zauberstab?
3 / 40 · Worum geht es?EscapeVelocity
Magic wand and glitter stars

Why it works: a single drawn object with sparkles, paired with a one-line question. A pause that sets up the next argument.

Vocabulary

Recurring devices

  • Spaced uppercase labels in Manrope name roles, levels, zones and stages, set beside or above what they label.
  • Left brackets group items into a named set.
  • Terracotta is the single accent: now, active, the AI thinking, the path taken.
  • Terracotta tint marks what belongs together; a stronger tint marks the result.
  • Dashed means optional, open, empty, blocked or a boundary.
  • A dark block is the answer, the base or the question that matters.
  • Skeleton bars replace text wherever the content is not the point.
  • Rounded tiles on cream with hairline borders.
  • Arrows and connectors in terracotta, with spaced-caps or mono labels.
  • Thin dividers between paired rows; a centre spine for opposed lanes.
  • Status red and blue only for two opposed parties.
  • One picture per slide, then the same frame again with one change.