Style Guide
Home

Basiselemente

Logo

Logo und Wortmarke

Farben

Die dargestellten Farben sind die markenprägenden Farben von digMARKETING. Sie sorgen für einen großen Wiedererkennungswert.

digBLUE ist neben digBLACK und digWHITE die Kernfarbe unserer Marke und das verbindende Element in unserem gesamten Markenauftritt. Alle weiteren Farben unterstützen das digBLUE in der Gestaltung. Prozentuell sollten die anderen Farben reduzierter eingesetzt werden als das digBLUE.

Bei allen Farben sind auch prozentuale Abstufungen möglich. Hierbei werden die nachfolgenden Abstufungen verwendet: 10 %, 20 %, 40 %, 50%, 60 %, 80 % und 100 %.
digBLACK
CMYK:
HSB:
RGB:
LAB:
HEX:
75, 68, 67, 90
0, 0, 0
0, 0, 0
0, 0, 0
000000
digWHITE
CMYK:
HSB:
RGB:
LAB:
HEX:
0, 0, 0, 0
0, 0, 100
255, 255, 255
100, 0, 0
FFFFFF
digGREY
CMYK:
HSB:
RGB:
LAB:
HEX:
14, 11, 18, 0
50, 6, 85
217, 215, 204
86, -1, 6
D9D7CC
digTAUBE
CMYK:
HSB:
RGB:
LAB:
HEX:
64, 48, 33, 6
214, 26, 55
103, 119, 140
49, -2, -14
67778C
digBLUE
CMYK:
HSB:
RGB:
LAB:
HEX:
86, 73, 0, 0
226, 92, 91
19, 70, 231
37, 36, -87
1346E7
digDARKBLUE
CMYK:
HSB:
RGB:
LAB:
HEX:
93, 86, 11, 2
231, 61, 55
54, 67, 140
31, 13, -43
36438C
digORCHID
CMYK:
HSB:
RGB:
LAB:
HEX:
42, 80, 0, 0
289, 73, 88
194, 60, 225
52, 69, -58
C23CE1
digYELLOW
CMYK:
HSB:
RGB:
LAB:
HEX:
16, 8, 55, 0
58, 35, 85
216, 214, 140
85, -7, 37
D8D68C

Typographie

Corporate Font

Ikonographie

Es stehen eine ganze Reihe unterschiedlicher Icons für helle und dunkle Hintergründe zur Verfügung. Der Hover-Effekt ist grundsätzlich durch Verwendung der Primärfarben digBLACK, digWHITE und digBLUE möglich. In Ausnahmefällen kann der Hover-Effekt auch mittels der Sekundärfarben digDARKBLUE, digTAUBE, digORCHID oder digYELLOW erfolgen.

dunkler Hintergrund

Menü - Open
Close - Button
Close - Button
Open / Close Dropdown
Scroll - Down
Links / Rechts - Icon
FAQ - Icon
To-the-top - Button
Suchen - Icon
Follow - Icons
Follow - Icons
Follow - Icons
Follow - Icons
Follow - Icons
Follow - Icons

heller Hintergrund

Play - Buttons
Pause - Buttons
Newsletter - Icon
@
Close - Button
Share - Button
Share - Button
Share - Button
Share - Button
Share - Button
Share - Button
Share - Button

Digitale Guidelines

Buttons

dunkler Hintergrund

To-the-article - Button
Get in Touch
Button outline_blue
Get in Touch
Button small outline_blue
Kategorien Liste outline_blue

heller Hintergrund

Button
Button black_blue
BUTTON
Button black_blue
Kategorie Link

Headings

Super Heading Number 1
King of Headings

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Super Heading Number 2
Heading's Revenge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Super Heading Number 3
Rise of Headings

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Super Heading Number 4
Heading's Fall

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Super Heading Number 5
Return of the Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Super Heading Number 6
The Last Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraphs

Paragraph Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Rich Text

Mace wedge organa dooku cade darth. Dagobah lando darth darth mon padmé solo. Alderaan jango fett ackbar amidala. Darth droid antilles leia fisto dooku maul. Palpatine jinn jinn leia chewbacca alderaan wicket jinn palpatine. Bespin solo sebulba thrawn dooku chewbacca grievous kashyyyk amidala. Jawa hutt jango fisto windu yavin calamari. Jar darth lobot wookiee anakin alderaan. Jango jabba fisto yavin. Hutt solo darth yavin. Solo darth naboo kit fisto baba. Thrawn fisto binks solo lars. Organa ackbar ahsoka darth.

Section Heading

Secura antilles moff baba. Darth antilles moff darth moff calrissian. Jinn ackbar coruscant kessel lando. Darth skywalker c-3po skywalker padmé grievous. Sebulba chewbacca dantooine darth. Luke kashyyyk mon yavin dooku moff vader. Ahsoka ponda luke hoth qui-gonn baba mandalore. Dagobah wedge moff mara dooku skywalker luuke mon antilles. Leia moff cade hutt fisto darth sith.

Gesellschaft im Wandel

There. You see Lord Vader, she can be reasonable. Continue with the operation. You may fire when ready. What? You’re far too trusting. Dantooine is too remote to make an effective demonstration. But don’t worry. We will deal with your Rebel friends soon enough.

Section Title

We don’t serve their kind here! What? Your droids. They’ll have to wait outside. We don’t want them here. Listen, why don’t you wait out by the speeder. We don’t want any trouble.

The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. It’s a small thermal exhaust port, right below the main port.

Heading 5:
  • Lorem ipsum one
  • Dolor sitamet two
  • Mamuro filam three
  • Vovuze nolaku four

Magazine advertising is the most versatile, but this is solely dependent on the size of your ad and how many other ads compete with yours. 

Heading 4

Luke? Luke? Luke? Have you seen Luke this morning? He said he had some things to do before he started today, so he left early. Uh? Did he take those two new droids with him? I think so.

Das ist ein Link.

HEADING 6:
  1. Option One
  2. Option Two
  3. Option Three
  4. Option Four

Rich Text: Blog

Wenn du heute googelst, erkennst du die Oberfläche sofort und merkst dennoch, dass sich die Spielregeln verschieben. Häufig erscheint als Erstes ein KI-generierter Überblick, die sogenannten AI Overviews, der deine Frage direkt beantwortet. Darunter folgen je nach Suchanfrage Anzeigen und weitere Elemente, bevor die klassischen organischen Treffer beginnen. In vielen Fällen reicht der Blick auf diese KI-Zusammenfassung, die Frage gilt als beantwortet und der Tab wird geschlossen.

Das ist mehr als ein neues Layout. Die Online-Suche entwickelt sich von einer Linkmaschine zu einer Antwortmaschine, und diese Veränderung wirkt direkt auf Reichweite, Markenwahrnehmung und Nachfrage. In der Praxis zeigt sich das an einem neuen Suchverhalten, das sich leise etabliert hat. Nutzer lesen die KI-Antwort, akzeptieren sie als plausibel und gehen weiter. Selbst bei Themen, bei denen früher mehrere Quellen geöffnet wurden, bleibt es heute oft bei einer einzigen Oberfläche.

Mit ChatGPT und anderen Large Language Models hat sich die Erwartung verschoben: Du wählst nicht mehr aus und vergleichst, sondern erwartest eine Antwort. Google reagiert darauf mit AI Overviews und dem KI-Modus. Parallel entstehen mit ChatGPT, Perplexity und ähnlichen Systemen neue Orte, an denen Entscheidungen vorbereitet werden.

Für dich als Marketingverantwortliche oder Marketingverantwortlicher bedeutet das: Wenn du weiterhin nur Rankings, Sessions und organische Klicks betrachtest, siehst du nur einen Teil der Realität. Die entscheidende Frage lautet: Kommt deine Marke in den Antworten vor, und wenn ja, in welchem Kontext?

Von der Trefferliste zur Antwort

Die klassische Suche war leicht zu steuern und leicht zu erklären. Google zeigte Ergebnisse, der Nutzer erledigte den Rest: klicken, lesen, vergleichen, entscheiden. KI-Systeme drehen diese Logik um. Sie übernehmen die Synthese, bündeln Inhalte, gewichten Quellen und formulieren eine Einordnung direkt im Interface. Links sind nicht mehr der Weg zur Lösung, sondern dienen häufig als Beleg dafür, dass eine Antwort belastbar wirkt.

Für deine Praxis bedeutet das eine neue Art von Sichtbarkeit. Es gewinnt nicht automatisch der Inhalt, der am höchsten platziert ist, sondern der Inhalt, der so aufgebaut ist, dass er als Quelle taugt. Sichtbarkeit entsteht weniger über Positionen und stärker über Referenzfähigkeit. Wenn ein System eine Antwort formuliert, sucht es nach Bausteinen, die sich sauber übernehmen lassen: eindeutige Definitionen, nachvollziehbare Vergleiche, belastbare Daten und Aussagen, die sich belegen lassen.

Warum Klicks an Bedeutung verlieren

In vielen SEO-Reports war Erfolg eindeutig definiert: Sichtbarkeit, Klickrate, Sessions, Conversions. Diese Logik bleibt relevant, erklärt aber immer seltener den eigentlichen Entscheidungsmoment. Deine Marke kann heute kaufentscheidend präsent sein, ohne dass jemand deine Website besucht. Das passiert immer dann, wenn ein System Produkte einordnet, Alternativen bewertet oder eine Empfehlung formuliert und dabei bestimmte Marken nennt, bestimmte Eigenschaften hervorhebt und andere weglässt.

Damit verschiebt sich auch deine Messlogik. Es reicht nicht mehr zu wissen, ob du gut rankst. Relevanter wird, ob deine Marke in Antworten auftaucht, wie oft im Vergleich zum Wettbewerb, in welchem Kontext und mit welchen Attributen. Ebenso wichtig ist die Frage, ob eigene Inhalte als Quelle genutzt werden oder ob fremde Seiten die Geschichte über deine Marke erzählen. Das ist kein reines SEO-Thema mehr. Es geht um Markenführung in einem Interface, das Entscheidungen verdichtet.

Es gibt nicht die eine neue Suche

Ein häufiger Praxisfehler entsteht durch eine falsche Annahme: dass es eine einzige neue Suche gibt. Tatsächlich existieren innerhalb von Google klassische Websuche, AI Overviews und der dialogische KI-Modus parallel. Hinzu kommen externe Systeme wie ChatGPT oder Perplexity. Jede Oberfläche greift auf andere Quellen zurück und folgt eigenen Regeln.

Das erkennst du besonders deutlich, wenn du identische Fragen in mehreren Systemen testest. In vielen Branchen wirken redaktionelle Inhalte, Vergleichsformate und Community-Quellen überdurchschnittlich stark, während Corporate-Seiten zwar wichtig bleiben, aber seltener allein entscheiden. Für dich heißt das: Eine einzelne Suchstrategie reicht nicht mehr aus. Hilfreicher ist ein pragmatischer Blick auf Quellen und Formate. Welche Domains werden wiederholt zitiert? Welche Inhaltsarten tauchen immer wieder auf? Und welche Rolle kann deine Marke dort einnehmen, als Primärquelle, als Einordner oder als Datenlieferant?

Wenn Maschinen zur neuen Zielgruppe werden

Ein Blick in Server-Logs liefert vielen Teams den Aha-Moment: Neben dem Googlebot tauchen zunehmend KI-Crawler auf. Sie kommen nicht, um Rankings zu prüfen, sondern um Antworten zu bauen. Damit entsteht für dich eine neue Zielgruppe, die du bewusst adressieren solltest: KI-Agenten. Sie lesen Inhalte, bewerten sie, ziehen Schlüsse und zitieren, ohne je zu klicken. Wenn du diese Systeme nur als technische Randnotiz behandelst, übersiehst du, dass sie mitentscheiden, welche Marke in relevanten Antwortumfeldern vorkommt und wie sie dort eingeordnet wird.

Deshalb lohnt sich ein Perspektivwechsel. Du solltest KI-Agenten als eigene Persona definieren, ähnlich wie klassische Buyer-Personas. Nicht, weil Maschinen Gefühle hätten, sondern weil sie nach wiederkehrenden Mustern filtern, priorisieren und formulieren. Wenn du diese Muster kennst, kannst du Inhalte, Technik und Distribution so gestalten, dass sie maschinenlesbar, zitierbar und wiederverwendbar sind.

Exkurs: Wie du KI-Agenten als Personas skizzierst

Der Einstieg gelingt dir am besten über Beobachtung statt über Theorie. Wenn du Server-Logs, Crawl-Reports oder Security-Tools auswertest, siehst du schnell, welche User-Agents auftauchen, welche Bereiche besonders häufig abgerufen werden und ob wichtige Inhalte blockiert sind. Daraus lassen sich direkte Rückschlüsse ziehen. Wenn Bots wiederholt Produktdetailseiten und Preisbereiche crawlen, Blogartikel aber kaum ansteuern, geht es um Extraktion. Fakten sollen herausgezogen werden, um Vergleiche und Antworten zu bauen. Wenn FAQ-Seiten regelmäßig besucht werden, spricht das für typische Aufgaben vor der Entscheidung, etwa Einwände klären, Risiken reduzieren oder Anforderungen abgleichen. Und wenn Sicherheitsmechanismen Requests als Scraping werten und blockieren, entsteht ein blinder Fleck: Deine Website funktioniert für Menschen, aber Systeme, die später Antworten formulieren, werden ausgesperrt.

Aus diesen Beobachtungen wird die Persona greifbar, sobald du die Aufgaben beschreibst, die ein KI-System in deinem Markt typischerweise löst. In B2B-Software geht es häufig um Passung, Integrationen, Budget und Alternativen zu einem bekannten Anbieter. Bei Dienstleistungen stehen Leistungsumfang, Voraussetzungen, Kostenrahmen und Projektdauer im Fokus. Im E-Commerce drehen sich viele Fragen um Passform, Kompatibilität, Material, Vor- und Nachteile sowie Alternativen. Sobald diese Aufgaben benannt sind, kannst du prüfen, ob deine Website passende Antwortbausteine liefert oder ob Dritte diese Rolle übernehmen.

Im nächsten Schritt beschreibst du das Informationsverhalten. Eine KI-Persona braucht keine Demografie, sondern Regeln. Welche Formate sind gut verwertbar? Welche Signale werden bevorzugt? Welche Belege erhöhen die Wahrscheinlichkeit, zitiert zu werden? In der Praxis sind strukturierte Inhalte deutlich anschlussfähiger als Image-Texte. Eine Leistungsseite, die Zielgruppe, Anwendungsfälle, Voraussetzungen, Leistungsumfang, Grenzen, Kostenrahmen und FAQ sauber trennt, wird leichter übernommen als ein Fließtext, der alles vermischt. Ähnliches gilt für Produktseiten. Wenn entscheidende Informationen nur in Icons, Grafiken oder interaktiven Modulen stecken, sind sie für viele Crawler schwer zugänglich. Textbasierte Spezifikationen, Tabellen und eindeutig benannte Abschnitte mit harten Fakten lassen sich zuverlässig extrahieren.

Wichtig ist außerdem die Beleglogik. Aussagen wie „wir sind führend“ sind selten verwertbar, weil sie nicht überprüfbar sind. Sobald du Aussagen mit Kontext und Nachweisen verbindest, steigt die Chance, als Quelle zu dienen. Das kann eine transparent erklärte Methodik sein, ein definierter Bewertungsrahmen oder belastbare Kennzahlen mit Zeitbezug. Wenn du erklärst, nach welchen Kriterien etwas bewertet wird, wie gemessen wird und wo Grenzen liegen, lieferst du Material, das sich in Antworten übernehmen lässt.

Am Ende muss diese Persona Konsequenzen haben, sonst bleibt sie ein Papierprodukt. Für deine Inhalte bedeutet das, gezielt Referenzseiten zu schaffen und zu pflegen. Eine Seite, die Alternativen fair einordnet und erklärt, wann Lösung A passt, wann Lösung B sinnvoll ist und wann eher etwas anderes gewählt werden sollte, ist für Vergleichsfragen oft wertvoller als reine Produktwerbung. Ein Glossar mit präzisen Definitionen und typischen Missverständnissen unterstützt bei Grundlagenfragen. Eine Proof-Seite mit Zahlen, Zertifikaten, Referenzen, Autorenschaft und Aktualisierungsdatum erhöht die Zitierfähigkeit. Technisch solltest du zentrale Inhalte im initialen HTML bereitstellen, eine saubere Überschriftenlogik nutzen und Regeln in robots.txt, WAF oder CDN so prüfen, dass relevante Bots nicht unbeabsichtigt blockiert werden.

Warum das kein reines Traffic-Thema ist

Es wäre einfach, das Thema als Traffic-Verlust zu beschreiben. Weniger Klicks, weniger Reichweite, weniger Einnahmen. Für Publisher ist das teilweise Realität. Für Marken liegt die größere Verschiebung jedoch in der Vorentscheidung. Wenn ein KI-System Alternativen vergleicht, eine Shortlist erstellt und Empfehlungen formuliert, beginnt die Customer Journey früher und außerhalb deiner eigenen Touchpoints.

Das führt nicht zwangsläufig zu weniger Umsatz, aber zu weniger Kontrolle darüber, wie deine Marke eingeordnet wird. Welche Eigenschaften werden genannt? Welche Risiken betont? Welche Alternativen als naheliegend dargestellt? Genau hier entsteht ein neuer Wettbewerbsraum, nicht erst auf deiner Website, sondern bereits in der Antwort.

Was du jetzt konkret tun solltest

Viele Teams reagieren reflexhaft mit mehr Content. In der Praxis ist das selten der beste Einstieg. Entscheidend ist die Reihenfolge. Am Anfang steht die Zitierfähigkeit. Können KI-Systeme deine Inhalte technisch erreichen, lesen und als Beleg nutzen? Danach folgt das Verständnis der Quellenlandschaft. Welche Domains werden zitiert? Welche Formate dominieren? Welche Rolle spielt deine Website im Vergleich zu Medien, Vergleichsseiten und Communities?

Erst dann lohnt sich gezielte Content-Arbeit, nicht als Masse, sondern als Präzision. Inhalte sollten Antworten stützen, statt nur Rankings zu bedienen. Parallel gewinnt digitale PR an Bedeutung, weil KI-Systeme häufig redaktionelle und communitynahe Quellen heranziehen. Wenn du dort nicht stattfindest, bleibt deine Marke im Antwortuniversum blass, auch wenn deine Website fachlich stark ist.

Der nächste Schritt ist bereits absehbar: Suche wird Handlung. Heute geht es um Antworten, morgen um Aktionen. KI-Systeme werden nicht nur informieren, sondern auch kaufen, buchen, vergleichen und verhandeln. Dann zählen nicht mehr nur Inhalte, sondern Prozesse. Preise, Verfügbarkeit, Varianten, Rückgabe, Support und Produktlogik müssen maschinenlesbar, aktuell und verlässlich sein. Dadurch rücken Marketing, Produkt und Technik näher zusammen. Genau dort entsteht die nächste Wettbewerbslinie.

Fazit

KI-Suche ist kein kurzfristiger Trend und kein reines SEO-Thema. Sie ist eine neue Distributionslogik für Information und Vertrauen. Optimierung verschiebt sich vom Ranking hin zur Referenzfähigkeit. Wenn du in KI-Antworten vorkommst, gewinnst du Aufmerksamkeit, auch ohne Klick. Wenn du fehlst, verlierst du Relevanz, selbst bei guten Rankings.

Die gute Nachricht: Dieser Wandel ist gestaltbar. Dafür brauchst du Teams, die Suche nicht nur als Traffic-Kanal betrachten, sondern als Entscheidungsraum, in dem Markenbilder entstehen, bevor überhaupt der erste Websitebesuch stattfindet.

Ihr habt Fragen? Kontaktiert mich gerne über das Kontaktformular