CI-Guide Emma Woelk
(für KI-Nutzung)

Drei Festlegungen, die dieser Guide durchsetzt

• Ein Gelb, kein zweites. #FFF700 führt und steht allein. Magenta und Violett sind Fläche, Schatten, Verlauf — nie ein zweiter Akzent und nie eine zweite Signalfarbe.
• Gelb ist Schrift auf Schwarz und Fläche auf Weiß. Auf Schwarz erreicht #FFF700 18,5 : 1 und darf schreiben. Auf Weiß erreicht es 1,1 : 1 und darf nur noch Fläche sein. Der gelbe Marker unter einer Zeile ist die Grundform, nicht gelber Text auf Papier.
• Zwei Familien, drei Rollen. Barlow Condensed ruft, Barlow betont, Inter erklärt. Der Unterschied zwischen einer Headline und einer Bildunterschrift ist Schnitt, Größe und Breite — keine vierte Schrift.

Zwei Entscheidungen pro Datei

Lockup: sechs Kombinationen aus Schriftzug, Monogramm und Zusatz. Grund: jede davon einmal für hellen und einmal für dunklen Untergrund. Zwölf Kombinationen, keine dreizehnte — jede als SVG und als PNG.

light im Dateinamen heißt: für hellen Grund, schwarze Zeichnung. dark heißt: für dunklen Grund, weiße Zeichnung. Der Name beschreibt den Untergrund, nicht die Farbe der Zeichnung — das wird am häufigsten falsch herum gelesen.

Welches Lockup, in welcher Größe

Die Regel, die am häufigsten gebrochen wird: die beiden -row-Dateien sind bis zu siebenmal so breit wie hoch. Wer sie in eine Kopfzeile setzt, die für logo gebaut wurde, bekommt einen Schriftzug von 13 px Höhe. Sie gehören auf Flächen, die tatsächlich breit sind.

Absolute Minima: Schriftzug 110 px Breite am Bildschirm, 28 mm im Druck. Monogramm 28 px. Row-Lockups 320 px. Darunter lieber nichts als etwas Unleserliches.

Alle Dateien

Sechs Lockups, je zwei Gründe, je zwei Formate: 24 Dateien. SVG ist die Arbeitsdatei, PNG die Ausweichdatei. Nichts wird gezippt, jede Datei hat ihren eigenen Link. Maschinenlesbarer Index mit Maßen und Bytegrößen: /logos/index.json.

Wortmarkeheller Grund · Seitenverhältnis 2,31 : 1

SVG · 4,1 KBPNG 275 × 120 · 5,2 KB

Wortmarkedunkler Grund · Seitenverhältnis 2,31 : 1

SVG · 4,5 KBPNG 275 × 120 · 5,5 KB

Monogrammheller Grund · Seitenverhältnis 1,54 : 1

SVG · 1,9 KBPNG 213 × 138 · 4,0 KB

Monogrammdunkler Grund · Seitenverhältnis 1,54 : 1

SVG · 2,0 KBPNG 212 × 137 · 4,3 KB

Wortmarke + Firmierungheller Grund · Seitenverhältnis 1,74 : 1

SVG · 7,0 KBPNG 275 × 159 · 7,2 KB

Wortmarke + Firmierungdunkler Grund · Seitenverhältnis 1,74 : 1

SVG · 7,4 KBPNG 276 × 160 · 7,7 KB

Monogramm + Firmierungheller Grund · Seitenverhältnis 6,59 : 1

SVG · 5,1 KBPNG 635 × 99 · 8,1 KB

Monogramm + Firmierungdunkler Grund · Seitenverhältnis 6,59 : 1

SVG · 5,2 KBPNG 635 × 99 · 8,7 KB

Wortmarke + Mission Agenturfreiheller Grund · Seitenverhältnis 1,56 : 1

SVG · 7,4 KBPNG 310 × 199 · 8,6 KB

Wortmarke + Mission Agenturfreidunkler Grund · Seitenverhältnis 1,56 : 1

SVG · 7,5 KBPNG 310 × 199 · 9,0 KB

Monogramm + Mission Agenturfreiheller Grund · Seitenverhältnis 7,06 : 1

SVG · 5,2 KBPNG 679 × 99 · 8,7 KB

Monogramm + Mission Agenturfreidunkler Grund · Seitenverhältnis 7,06 : 1

SVG · 5,3 KBPNG 679 × 99 · 8,9 KB

SVG oder PNG

SVG, immer, wenn das Werkzeug es annimmt. PNG ist die Ausweichdatei für alles, was keinen Vektor frisst: Word, PowerPoint ohne Vektorimport, E-Mail-Signaturen, ältere Druckereiportale, manche Anzeigenmanager.

Alle zwölf PNG sind transparent. Es gibt keine Version mit weißem Kasten darunter, und es soll auch keine geben — ein Logo auf einem Kasten ist ein Logo, das den Freiraum aus dem nächsten Abschnitt schon verletzt hat.

Favicon

Das aktuelle Favicon ist favicon.png: das Monogramm, weiß auf einem schwarzen Quadrat, 850 × 850, Graustufen ohne Alphakanal, 18,2 KB. Es liegt auf emmawoelk.com unter hubfs/Branding/Logos/logo-round.png, und /favicon.ico leitet darauf um. Trotz des Dateinamens ist es kein Kreis, sondern ein volles Quadrat.

Die Zeichnung darin ist dieselbe wie in icon-dark.svg, nur mit mehr Rand. Die Wahl des Motivs ist richtig — hier steht das Monogramm, wo der Schriftzug nichts verloren hätte. Was fehlt, sind die Größen.

In echter Größe. Das linke Feld ist das, was in der Tableiste steht.

• Das Favicon ist das Monogramm, nie der Schriftzug. Die vorhandene Datei hält sich daran. Die neuen halten sich auch daran.
• Schwarzes Quadrat, randlos. Kein Kreis, keine abgerundete Ecke, kein weißer Rahmen — die Systeme schneiden ihre eigene Form aus, und jede mitgelieferte Rundung wird doppelt gerundet.
• Kein Freiraum im Favicon. Die Regel aus dem nächsten Abschnitt gilt hier nicht: bei 16 px kostet ein Viertel Rand die Hälfte der Lesbarkeit. Das Monogramm füllt rund 70 % der Kante.
• Keine Transparenz im Apple-Touch-Icon. iOS legt Schwarz darunter, und das Ergebnis ist selten das, was gemeint war.

Freiraum

Freiraum auf allen vier Seiten: ein Viertel der Logohöhe. Nichts betritt diese Zone — kein Text, keine Linie, keine Bildkante, kein zweites Logo.

Der Freiraum hängt an der Höhe und nicht an einem Element der Zeichnung, weil die Familie von 1,54 : 1 bis 7,06 : 1 reicht. Ein Maß, das am Monogramm hängt, wäre bei ma-row ein Randstreifen von wenigen Pixeln.

Violette Linie = die Bounding-Box der Datei. Gestrichelt = der Freiraum, ein Viertel der Logohöhe auf jeder Seite.

Was nicht geht

NeinBalken umfärben

NeinVerzerren oder stauchen

NeinSchatten oder Glow

NeinDrehen oder kippen

NeinFalsche Grundversion

NeinAuf unruhigem Bild ohne Panel

NeinLockup selbst zusammenbauen

MISSION AGENTURFREI

NeinSchriftzug in einer Schrift setzen

Emma WOELK

• Niemals „Emma Woelk“ in einer Systemschrift setzen. Der Schriftzug ist gezeichnet: die Schleife im E, die Verbindung von m zu m und die drei Speedlines gibt keine lizenzierte Schrift her. Die letzte Kachel oben zeigt, wie das aussieht, und es ist jedes Mal falsch.
• Der gelbe Balken ist #FFF700. Kein Orange, kein Zitronengelb, keine Deckkraft unter 100 %. Er ist das lauteste Element im ganzen System und verträgt keine Abstufung.
• Kein Lockup selbst bauen. Monogramm plus gesetzter Balken ist nicht ma-row — die Datei hat andere Abstände, andere Balkenhöhe und andere Sperrung.
• Nie zwei Lockups derselben Familie in einem Layout. Schriftzug oben und Monogramm daneben liest sich als zwei Absender.
• Das Logo nie direkt auf ein Foto, ohne ein deckendes oder stark abgedunkeltes Panel darunter.
• Die Speedlines gehören zum Logo und nur dorthin. Sie werden nicht als Zierelement, Trenner oder Grafikbaustein weiterverwendet.

Markenfarben

Sekundärfarben

Zwei Farben, die es auf der Website gibt und die nichts behaupten. Sie sind Fläche, Schatten und Verlauf. Sie führen kein Bauteil an, sie tragen keinen Text auf Papier, und sie stehen nie neben Gelb als zweiter Akzent.

Abgeleitet und Status

Drei Werte, die im Theme heute fehlen und die jedes Dokument früher oder später braucht. Ocker ist Gelb, wenn Gelb schreiben muss. Die beiden Statusfarben gehören in die Oberfläche und in keine Anzeige.

Kontrast, nachgerechnet

Regeln

• Gelb ist Schrift auf Schwarz und Fläche auf Weiß. Nie umgekehrt. Wer Gelb auf Papier lesen können muss, nimmt Ocker #5C5100.
• Ein Stück Kommunikation muss aus zehn Metern gelb-auf-schwarz sein. Entweder als Fläche oder als Akzentwort in der Headline. Wenn eine Seite ohne Gelb funktioniert, ist es nicht unsere.
• Ein Akzent pro Bauteil. Gelb und Magenta dürfen auf derselben Seite stehen. In demselben Button, derselben Karte, derselben Kachel nicht.
• Verläufe nur im Paar Violett → Magenta, 180°, und unter 20 % der Fläche. Gelb bekommt nie einen Verlauf: der Marker ist eine Fläche, und eine Fläche ist einfarbig.

• Kein Neon-Glow hinter Gelb. #FFF700 leuchtet bereits. Ein Schein darum macht die Kante weich und die Fläche schmutzig.
• Kein zweites Gelb. Kein Orange für „Achtung“, kein blasses Gelb für „ruhig“, keine 60-%-Deckkraft für „dezent“. Wer weniger Gelb will, nimmt weniger Fläche.
• Keine neue Farbe pro Kampagne. Wenn eine Kampagne eine Farbe braucht, die es hier nicht gibt, braucht sie eine andere Idee.
• Kein Gelb auf Magenta und kein Magenta auf Gelb. 3,1 : 1 — reicht für einen Rahmen und für nichts, was gelesen werden muss.

Die Skala

Direkt aus dem laufenden Theme. Wer eine Folie, ein PDF oder eine Anzeige baut, setzt diese Werte und keine gerundeten Nachbarwerte.

Warum die Sperrung nach unten wächst

In den meisten Systemen sitzen Headlines auf negativer Sperrung und alles darunter auf null. Hier ist es umgekehrt: die Displayschrift ist schmal und steht in Versalien, also braucht sie eine Spur Luft — 0,005em oben, 0,02em beim Zwischenkopf. Und das Eyebrow braucht viel, 0,2em, weil 15 px Versalien ohne Sperrung zu einem Klumpen werden.

Zwischen beidem liegt der Fließtext, und der bleibt bei null. Gesperrte Kleinbuchstaben gibt es in diesem System nicht.

Die Schriftdateien

Barlow und Barlow Condensed von Jeremy Tribby, Inter von Rasmus Andersson, beide unter der SIL Open Font License 1.1, unverändert aus dem Google-Fonts-Repository. Sechzehn woff2-Dateien, 412 KB gesamt, im Regelfall lädt der Browser davon 253 KB.

Fertige @font-face-Regeln inklusive unicode-range: /fonts/fonts.css. Lizenztexte liegen daneben. Schick den Link, nicht den Anhang — wer von hier lädt, hat dieselbe Datei wie wir.

Zeichen und Anführungszeichen

Alles läuft heute auf Deutsch. Umlaute, ß und das deutsche Anführungszeichenpaar sitzen im latin-Subset — der Normalfall lädt also nur diese Hälfte. Die Firmierung sitzt in Barcelona: Spanisch (á é í ó ú ñ ¡ ¿) ist ebenfalls in latin. Erst Polnisch, Tschechisch oder Rumänisch ziehen latin-ext nach.

• Deutsch nimmt „…“, nicht "…" und nicht “…”. Ein Text mit englischen Anführungszeichen ist ein Text, den niemand fertig gemacht hat.
• Versal-ß gibt es nicht. In Versalien wird ß zu SS: GRÖSSE, MASSNAHME. Bei H1 bis H3 ist das kein Sonderfall, sondern der Normalfall.
• Das Halbgeviert – ist ein Gedankenstrich, kein Bindestrich und kein Taktgeber. Wie oft er vorkommen darf, steht in Abschnitt 07.

Regeln

• Versalien enden bei H3. H1, H2, CTA-Headline, H3, Eyebrow, Button und Menü stehen in Versalien. Alles darunter — H4, Fließtext, Zitat, Fußzeile — steht gemischt. Diese Grenze ist die Hälfte der Markenwirkung.
• Höchstens drei Zeilen Versalien am Stück. Vier Zeilen Barlow Condensed in Versalien liest niemand, der nicht muss.
• Betonung ist Schnitt, nicht Kursiv. Inter 700 im Fließtext. Kursiv nur für einen benannten Gegenstand im Lauftext — Mission Agenturfrei, ein Toolname, ein Begriff, der gerade definiert wird.
• Zwei Schriftgrößen pro Fläche reichen. Eine Folie mit fünf Größen ist eine Folie, die niemand liest.
• Der gelbe Marker gehört unter eine Headline oder in den Vorspann. Nicht unter ein Wort im Fließtext — dort wird er zum Textmarker im Schulbuch.

• Keine dritte Familie. Kein Montserrat, kein Poppins, kein Roboto, kein Oswald — auch nicht in Decks, die jemand anders baut.
• Barlow Condensed nie im Fließtext. Sie ist schmal, damit Headlines Sätze sein können. Bei 16 px kostet dieselbe Schmalheit die Lesbarkeit.
• Keine Sperrung auf Kleinbuchstaben. Niemals.
• Kein Farbwechsel mitten in der Headline und kein Verlauf im Text. Wenn ein Wort wichtig ist, macht der Satz das deutlich — oder der gelbe Marker, aber nur einer.
• Kein Blocksatz. Deutsche Wörter sind lang, die Löcher werden groß, und es sieht nach Word aus.

Schreibweisen

Die sechs Coaching-Stränge sind keine Marken

Marketing, Website, KI-Tools, Sales, Automatisierung, SEO. Sie beschreiben, was in einem 1:1-Coaching passiert. Sie bekommen kein Logo, keine eigene Farbe, kein eigenes Icon-Set und keine eigene Landingpage-Optik.

• „Mission Agenturfrei“ steht zuerst — bei der ersten Nennung in jedem Dokument, Deck und auf jeder Seite. Danach reicht das Coaching.
• Strangnamen bleiben kleingeschrieben im Satz: „im Coaching zu Automatisierung“, nicht „im Coaching Automatisierung™“.
• Kein ®, kein ™, kein „by Emma Woelk“ als Anhängsel.
• Kein neuer Name ohne Not. Neue Inhalte gehen in einen bestehenden Strang, bis es einen strategischen Grund gibt, der dagegen spricht.

Zwei Namen, die aufgeräumt gehören

Beide stehen heute auf emmawoelk.com und beide widersprechen dem, was der Rest der Seite sagt. Das ist kein Stilproblem: ein Interessent, der drei Produktnamen findet und zwei davon nicht wiederfindet, liest Unordnung.

Zahlen und Verknappung

Diese Marke arbeitet mit Zahlen: über 20 Jahre, über 250 Projekte, 100 % empfehlen uns weiter, +500.000 € in 7 Monaten, 50 % mehr Aufträge in zwei Wochen. Das ist die Stärke der Marke und gleichzeitig ihr größtes Risiko.

• Jede Zahl braucht einen Besitzer. Ein Name, eine Firma, ein Zeitraum. +500.000 € in 7 Monaten steht mit Hermann Hacker und nk neue kommunikation daneben — so ist es richtig. Eine Zahl ohne Quelle ist eine Behauptung.
• Jede Verknappung braucht ein Datum. „Nur noch wenige Plätze für 2026“ ist zulässig, solange es stimmt und solange das Jahr genannt ist. „Nur noch wenige Plätze“ ohne Zeitraum ist es nicht.
• Countdown-Elemente werden entfernt, wenn sie abgelaufen sind. Auf der Startseite steht heute ein Live-Termin vom 07.03.25. Ein abgelaufener Countdown ist der teuerste Detailfehler auf einer Verkaufsseite.
• Keine Zahl, die nicht gemessen wurde. Kein „10× mehr Leads“, kein „bis zu 300 %“. Was kein Kunde bestätigt hat, wird nicht gedruckt.

Der Marker

Eine rechteckige gelbe Fläche hinter Text, ohne Rundung, ohne Verlauf, ohne Schatten. Er markiert genau einen Gedanken pro Fläche. Zwei Marker auf einer Folie heben sich gegenseitig auf.

• Ein Marker pro Ansicht. Eine Folie, eine Karte, ein Hero. Nicht pro Absatz.
• Der Marker sitzt hinter zwei bis vier Wörtern. Eine ganze markierte Zeile ist ein gelber Balken mit Text darauf, und das ist das Logo.
• Rechteckig, deckend, einfarbig. Kein Radius, kein Verlauf, kein Schatten, keine Neigung.
• Auf Schwarz markiert der Marker, auf Weiß trägt er. Auf Papier ist Gelb hinter schwarzem Text die einzige zugelassene Verwendung.

Fotografie

Das ist eine Personenmarke. Das stärkste Bild ist immer dasselbe: Emma Woelk, in einer echten Situation — Bühne, Kamera, Bildschirm, Gespräch. Danach kommen Kunden, die etwas gebaut haben. Erst danach kommt alles andere.

• Menschen vor Metaphern. Ein Gesicht schlägt jede Illustration eines Konzepts. Es gibt in diesem System keinen Grund, Wachstum als Balkendiagramm mit Pfeil zu zeichnen.
• Screenshots sind das zweitstärkste Asset. Ein echtes HubSpot-Dashboard, eine echte Kampagnenauswertung, eine echte Automatisierung. Ein Bildschirm, den es wirklich gibt, schlägt jede Abbildung davon.
• Vor dem Screenshot: aufräumen. Keine echten Kundennamen, keine E-Mail-Adressen, keine Umsatzzahlen Dritter. Was unkenntlich gemacht wird, wird mit einer deckenden Fläche abgedeckt, nie mit Weichzeichner — der ist umkehrbar.
• Text auf Foto bekommt ein Panel oder einen Verlauf von rgba(0,0,0,.92) nach transparent, nicht einen schwereren Schnitt.

• Keine Stockfotos mit Handschlag, Headset oder Teambesprechung. Diese Marke verkauft Unabhängigkeit von Dienstleistern; ein gekauftes Bild aus einer Bilddatenbank sagt genau das Gegenteil.
• Keine Partikelfelder, keine leuchtenden Kugeln, keine Netzwerkgrafiken. Das ist die Standardausstattung jeder KI-Website und damit das Gegenteil eines Erkennungsmerkmals.
• Keine Verläufe von Violett nach Blau. Dieselbe Begründung.
• Kein Rendering einer Rakete als Hauptbild. Der Start des Coachings ist ein Termin mit einem Menschen, kein Raketenstart. Das Emoji im Fließtext ist eine andere Frage — dazu Abschnitt 07.

KI-generierte Bilder

Im Coaching werden LetzAI und Runway unterrichtet, und die Marke nutzt sie selbst. Das ist konsequent — und es macht die Kennzeichnung zur Pflichtübung, nicht zur Kür.

• Der digitale Zwilling ist ein synthetisches Abbild einer realen Person. Er wird gekennzeichnet, jedes Mal, ohne Ausnahme. Wie genau, steht im Social-Teil, Abschnitte 19 und 20.
• Keine synthetische Person als Kunde, Teilnehmer oder Referenz. Auch nicht mit Kennzeichnung. Eine Referenz, die es nicht gibt, ist keine Referenz.
• Kein KI-Bild dort, wo ein echtes Bild existiert. Wenn es ein Foto von der Bühne gibt, wird kein Bühnenbild generiert.
• Assistenz wird nicht gekennzeichnet: ein umgeschriebener Entwurf, Farbkorrektur, Freisteller, Untertitel. Wer das markiert, bringt dem Publikum bei, die Markierung zu ignorieren.

Kundenlogos

Auf der Startseite läuft ein Referenzband. Es ist das schnellste Vertrauenssignal der Seite und gleichzeitig das rechtlich empfindlichste.

• Nur Logos, für die eine schriftliche Freigabe vorliegt. Eine gelungene Zusammenarbeit ist keine Nutzungserlaubnis für die Marke.
• Alle Logos einfarbig weiß auf Schwarz, auf einheitliche optische Größe gebracht — nicht auf einheitliche Breite. Ein breites Wortlogo und ein quadratisches Bildlogo mit derselben Breite wirken unterschiedlich groß.
• Keine Kundenlogos neben dem gelben Marker. Das Band ist ruhig, sonst konkurriert es mit dem Absender.

Icons

2066 Icons aus Lucide 1.41.0 unter der ISC-Lizenz, unverändert. Ein Satz, ein Strichgewicht: 24×24, fill:none, stroke-width:2, runde Enden und Ecken.

217 davon sind für die Arbeit gruppiert, die hier tatsächlich anfällt — die Chips unten grenzen die Liste darauf ein. Ein Klick auf eine Karte kopiert den SVG-Quelltext. Maschinenlesbarer Index: /icons/index.json, mit Name, Gruppen und Bytegröße für alle 2066.

Icons werden geladen …

Dazu passt nichts.

/* das Icon nimmt die Farbe seines Kontexts */
.icon{ width:20px; height:20px; stroke-width:2; }

/* Standard auf Schwarz */
.icon         { color:#FFF700; }
/* im Fließtext, wo Gelb zu laut wäre */
.icon--ruhig  { color:#FFFFFF; }
/* im gelben Button ist das Icon schwarz */
.btn .icon    { color:#000000; }

/* der Mask-Weg: externe Datei, die trotzdem ihre Farbe nimmt */
.icon--datei{ width:20px; height:20px; background-color:currentColor;
              -webkit-mask:url("/icons/target.svg") center/contain no-repeat;
                      mask:url("/icons/target.svg") center/contain no-repeat; }

• Eine Größe pro Fläche. 20 px neben Fließtext, 24 px in einer Kartenüberschrift, 16 px in einer dichten Tabelle. Drei Größen in einer Ansicht sind zwei zu viel.
• stroke-width bleibt auf 2. Der ganze Satz ist dafür gezeichnet. Ein dünnerer Strich sieht einzeln edler aus und fällt in einer Reihe auseinander.
• Ein Icon beschriftet, es schmückt nicht. Wenn eine Überschrift ohne Icon funktioniert, bleibt es weg.
• Dekorative Icons bekommen aria-hidden="true". Ein Icon, das allein eine Bedeutung trägt, bekommt stattdessen ein Label.

• Keine gefüllten oder zweifarbigen Icons. Dieser Satz hat ein Gewicht und behält es.
• Keine Icons aus einer zweiten Bibliothek. Zwei Raster und zwei Strichstärken lesen sich als zwei Marken.
• Keine Emoji als Icons. Jedes Betriebssystem zeichnet sie anders, und ein 🚀 in einer Aufzählung ist auf dem Mac ein anderes Bild als auf dem Firmen-Windows des Interessenten.
• Kein gelbes Icon auf hellem Grund. Dieselbe Regel wie bei der Schrift: #FFF700 auf Weiß erreicht 1,1 : 1.

Vier Prinzipien

Tonalität, gemessen

Adjektive wie „klar, ehrlich, nahbar“ geben niemandem etwas, woran ein Entwurf geprüft werden kann. Zahlen schon. Gemessen an vier veröffentlichten Seiten von emmawoelk.com — Startseite, Mission Agenturfrei, Über mich, FAQ. 338 Sätze.

Die fünf Gewohnheiten, die diesen Ton erzeugen

Anrede

Deutsch, durchgehend du. Ohne Ausnahme, in jedem Asset: Anzeige, Landingpage, E-Mail, Onboarding, Angebot, Anschreiben zur Rechnung. Die Messung zeigt 205 du-Formen gegen 2 Sie-Formen — das ist konsistent, und es bleibt so.

• Niemals im Funnel wechseln. „Du“ in der Anzeige und „Sie“ im Angebot liest sich, als sei niemand zuständig.
• Wenn Englisch dazukommt: you, britische Schreibung. Wenn Spanisch dazukommt — die Firmierung sitzt in Barcelona: tú, nicht usted.
• Das gilt auch für Formulare und Fehlermeldungen. „Bitte gib deine E-Mail-Adresse ein“, nicht „Bitte geben Sie …“.

Die Muster, die wir nicht benutzen

Jedes davon steht heute auf emmawoelk.com. Einzeln ist keines davon falsch. Zusammen, im selben Rhythmus, über jeden Abschnitt hinweg, sind sie die Signatur generierter Werbetexte — und der Leser, der schon hundert davon gesehen hat, erkennt sie, bevor er den zweiten Satz liest.

• Der Dreierrhythmus als Standardtakt. „effizient, modern und unabhängig“ — in 18 Sätzen auf vier Seiten. Nimm zwei Punkte oder vier. Brich den Takt.
• „X statt Y“ als Satzmotor. Einmal pro Seite ist eine Entscheidung. Viermal ist ein Verrat.
• Der Gedankenstrich als Taktgeber. In 26 % aller Sätze — also in jedem vierten — steht ein – als Atempause statt als Grammatik. Ziel: höchstens einer pro 150 Wörter.
• Gleichlange Sätze. Wenn Mittel und Median eines Absatzes weniger als zwei Wörter auseinanderliegen, hat eine Maschine geschrieben — oder hätte es gekonnt.
• Eröffnen mit einer rhetorischen Frage. „Bist du bereit …?“, „Sei ehrlich, steckst du gerade …?“, „Hast du genug von …?“ — 31 Fragesätze auf vier Seiten. Eine Frage pro Seite reicht.
• Ausrufezeichen als Verstärker. 15 Sätze auf vier Seiten. Eines pro Seite, und nur, wenn jemand tatsächlich ruft.
• Abstrakte Nomen, die das Verkaufen übernehmen: nachhaltig, ganzheitlich, skalierbar, maximal, revolutionieren, Game-Changer, nahtlos, Level, Universum, durchstarten.
• Ergebnisse behaupten, die nicht gemessen wurden. „Dein Vertrieb läuft wie von selbst.“ Tut er nicht. Er läuft, wenn jemand ihn aufgesetzt hat und pflegt.

Wörter

Bevor du veröffentlichst

• Lies es laut. Alles, was du einem Kunden im Termin nie sagen würdest, fällt dabei heraus.
• Zähl die Gedankenstriche. Mehr als einer pro 150 Wörter: streichen. Der Ausgangswert liegt bei einem in jedem vierten Satz.
• Miss einen Absatz. Liegen Mittel und Median der Satzlängen weniger als zwei Wörter auseinander, schreib zwei Sätze um — einen kürzer, einen länger.
• Such das konkrete Detail. Keine Zahl, kein Toolname, keine echte Situation — dann ist der Text nicht fertig.
• Prüf jede Zahl auf ihren Besitzer. Name, Firma, Zeitraum. Sonst kommt sie raus.

Website-Header und Hero

• Eyebrow in Gelb, Headline in Weiß, ein gelber Button. Drei Elemente, eine Signalfarbe, und die Signalfarbe zeigt zweimal auf dasselbe: worum es geht und was zu tun ist.
• Ein Button pro Hero. Der zweite ist ein Textlink, kein zweiter Knopf.
• Kein Marker im Hero, wenn der Button gelb ist. Zwei gelbe Flächen übereinander, und keine gewinnt.
• Der Vorspann bleibt unter 55 Zeichen Zeilenmaß und unter drei Zeilen. Was danach kommt, liest niemand mehr im ersten Bildschirm.

E-Mail-Signatur

Signatur · PapierRichtig

Emma Woelk
Marketing- und Sales-Coach

hello@emmawoelk.com · +49 1523 8096630
emmawoelk.com

Emma Woelk — Marketing & Sales, ein Unternehmen der roboconsulting SL
Carrer de Lluís el Piadós 7, 08003 Barcelona · USt-IdNr. ESB70935457

• logo-claim-light, 46 px hoch. Die Firmierung gehört in die Signatur, weil dort die Pflichtangaben stehen.
• Kein Bildbanner, kein Zitat, keine Social-Icon-Reihe, kein „Denk an die Umwelt“. Eine Signatur ist eine Visitenkarte, kein Werbeplatz.
• Kein Gelb in der Signatur. Auf Weiß, in 13 px, ist Gelb entweder unlesbar oder eine Fläche, die im Posteingang schreit.

Folie

TitelfolieRichtig

Mission Agenturfrei

Dein Fahrplan
für die nächsten
zwölf Wochen

InhaltsfolieRichtig

Schritt 2 von 4

Analyse & Erfolgscheck

Wir sehen uns Funnel, Website und CRM an und sagen dir, welche drei Hebel in deinem Fall zuerst greifen.

• Das Monogramm sitzt in der Ecke, 20–24 px hoch, in der Grundversion der Folie. Nicht der Schriftzug — der ist auf jeder Folie zu laut.
• Auf Papierfolien wird das Eyebrow zu Ocker #5C5100. Es ist derselbe Gedanke wie Gelb auf Schwarz, nur lesbar.
• Zwei Schriftgrößen pro Folie. Überschrift und Fließtext. Alles Weitere ist eine zweite Folie.
• Ein Marker pro Deck, nicht pro Folie. Sonst ist er kein Marker mehr, sondern die Grundfarbe.

Anzeige und Key Visual

Statement, 4:5 · SchwarzRichtig

Sieben Tools,
ein Marketer,
und niemand,
der nachfasst.

emmawoelk.com

Alles Weitere zu Formaten, Sicherheitsrändern, Carousel-Typen und Videoframes steht im Social-Teil.

Dokument auf Papier

• Kopf: logo-claim-light, 150 px breit, links oben. Kein zweites Logo, kein Balken.
• Text: Inter 400, 10,5 pt, Zeilenabstand 1,5, Tinte #000000. Überschriften Barlow 900 in Versalien.
• Der gelbe Marker darf einmal pro Dokument vorkommen — in der Zeile, auf die es ankommt: der Preis, der Termin, die Zusage.
• Fußzeile: Firmierung, Anschrift, USt-IdNr. Auf jedem Dokument, das das Haus verlässt.
• Keine farbige Fläche über eine ganze Druckseite. Gelb auf A4 ist im Druck ein anderes Gelb als am Bildschirm und kostet ein Vermögen an Farbe.

Die Tokens

/* Emma Woelk — Marketing & Sales · Marken-Tokens v1.0 */
:root{
  /* Marke — damit wird geführt */
  --gelb:#FFF700;        /* Signalgelb. Schrift auf Schwarz, Fläche auf Weiß. */
  --schwarz:#000000;     /* Grund für Web, Social, Video */
  --weiss:#FFFFFF;       /* Fließtext auf Schwarz, Papier für Print */
  --tinte:#000000;       /* Text auf Papier. Wie die Buchstaben im Logo. */
  --flaeche:#191919;     /* Karten und Panels auf Schwarz */

  /* Sekundär — Fläche, Schatten, Verlauf. Nie ein zweiter Akzent. */
  --magenta:#DF579D; --violett:#8075D9;
  --verlauf:linear-gradient(180deg,#8075D9,#DF579D);

  /* Abgeleitet und Status */
  --ocker:#5C5100;       /* Gelb als Schriftfarbe auf Papier */
  --erfolg:#35C88A; --fehler:#FF5A5F;   /* nur Oberfläche */

  /* Schrift — zwei Familien, drei Rollen */
  --ruf:"Barlow Condensed",Impact,sans-serif;   /* H1, H2, CTA, Menü — VERSAL */
  --stark:"Barlow",Helvetica,sans-serif;        /* H3, Zitat — VERSAL bzw. gemischt */
  --text:"Inter",-apple-system,sans-serif;      /* alles ab H4 — gemischt */

  /* Sperrung wächst nach unten, nicht nach oben */
  --sp-h1:.005em; --sp-h2:.01em; --sp-h3:.02em;
  --sp-text:0; --sp-eyebrow:.2em; --sp-button:.025em;

  /* Button */
  --btn-radius:50px; --btn-padding:20px 40px; --btn-border:2px;
}

Der Button

Ein Knopf im ganzen System: gelbe Fläche, schwarze Schrift, Versalien, voller Radius. Der sekundäre Knopf ist kein zweiter Knopf, sondern ein unterstrichener Textlink.

.btn{
  display:inline-block;
  font-family:var(--text); font-weight:700; font-size:16px; line-height:1.25;
  letter-spacing:var(--sp-button); text-transform:uppercase; text-decoration:none;
  background:var(--gelb); color:var(--schwarz);
  padding:var(--btn-padding); border:var(--btn-border) solid transparent;
  border-radius:var(--btn-radius);
}
/* Hover ändert die Farbe nicht — Gelb hat keine hellere Stufe.
   Was sich ändert, ist der Schein, und der bleibt weiß und schwach. */
.btn:hover{ box-shadow:0 0 20px rgba(255,255,255,.28); }
.btn:focus-visible{ outline:2px solid var(--weiss); outline-offset:3px; }

/* Zweitrangig: Textlink, kein zweiter Knopf */
.btn-sek{ color:var(--weiss); text-decoration:underline; text-underline-offset:4px;
          text-transform:uppercase; font-weight:700; font-size:16px;
          letter-spacing:var(--sp-button); }

Der Scrollbalken

Den Balken zeichnet der Browser, und wenn niemand etwas sagt, zeichnet er ihn grau. Auf Schwarz gehört dieses Grau niemandem. Jede Fläche dieser Marke setzt ihn, diese Seite eingeschlossen.

/* Zwei Syntaxen, weil beide gebraucht werden. scrollbar-color deckt Firefox
   und Chrome ab 121 ab, ::-webkit-scrollbar den Rest. Wo eine Engine
   scrollbar-color versteht, ignoriert sie die WebKit-Regeln. Beide Wege
   führen zum selben Gelb, und scrollbar-color vererbt sich — es gilt also
   in jedem verschachtelten Scrollbereich ohne weiteres Zutun. */
html{ scrollbar-color:#FFF700 #191919; }

::-webkit-scrollbar       { width:13px; height:13px; }
::-webkit-scrollbar-track { background:#191919; }
::-webkit-scrollbar-thumb { background:#FFF700; border-radius:99px;
                            border:3px solid #191919; }
::-webkit-scrollbar-corner{ background:#191919; }

Gelb ist hier richtig, obwohl Gelb sonst als Bedienfarbe sparsam eingesetzt wird: gegen #191919 erreicht es 15,5 : 1, und ein Scrollbalken ist ein Bedienelement, für das die WCAG 3 : 1 verlangt. Ein Hover-Zustand entfällt — Gelb hat keine hellere Stufe.

Schrift einbinden

Sechzehn woff2-Dateien nach /fonts/, die fertigen @font-face-Regeln aus fonts.css übernehmen. Im HubSpot-Theme ersetzen sie den Google-Fonts-Aufruf unter /_hcms/googlefonts/. Danach zeigen --primary-font und --secondary-font auf die lokalen Familien, und die Sperrungswerte aus Abschnitt 04 werden auf die Überschriftenebenen gelegt.