Brandguidelines

Die Marke seopolar

Alles, was du brauchst, um seopolar korrekt darzustellen: Logo, Farben, Typografie und Tonalität. So klar wie unsere Reports.

Logo & Wortmarke

Die Wortmarke besteht aus dem Lupen-Glyph und dem Schriftzug „seopolar“. Der Glyph verbindet Lupe und Score-Balken — genau hinschauen, messen, verbessern.

seopolar
seopolar

Glyph solo

Favicon, App-Icon, Avatare

seopolar

Wortmarke

Header, Dokumente, Präsentationen

Farbpalette

Definiert in OKLCH, mit sRGB-Hex-Näherung für Werkzeuge, die noch im letzten Jahrzehnt überwintern. Klick auf einen Wert kopiert ihn.

Polar

Primäre Markenfarbe — Akzente, Links, Icons

Polar Deep

Dunkler Markenton — Buttons im Light Mode

Arctic Night

Hintergrund im Dark Mode

Floe

Kartenflächen im Dark Mode

Frost

Text auf dunklen Flächen

Mist

Sekundärtext, gedämpfte Beschriftungen

Snowfield

Hintergrund im Light Mode

Ink

Text im Light Mode

Typografie

Drei Schriften, drei klar getrennte Aufgaben: Rajdhani beschriftet, Inter erklärt, JetBrains Mono misst. Wer die Rollen mischt, nimmt der Marke ihre Ordnung.

Rajdhani — Beschriftung

Ohne Fachchinesisch

Headlines, Eyebrows, Tabellenköpfe, Buttons. Immer Versalien mit offener Laufweite (0,06–0,12em). Nie für Fließtext.

Inter — Fließtext

SEO-Audits mit klarem Kopf.

Alles, was gelesen statt überflogen wird: Befunde, Absätze, Formulare, Hilfetexte. Regular für Text, Medium für UI-Labels.

JetBrains Mono — Messwerte

beispiel.de — 87/100

Alles Technische und alles Zählbare: geprüfte URLs, Scores, Header-Namen. Immer mit tabular-nums, damit Ziffern beim Aktualisieren nicht springen.

Ton & Stimme

Professionell

Wir nehmen SEO ernst, aber uns selbst nur mäßig. Fachbegriffe nur, wenn sie etwas erklären — und dann immer mit Übersetzung.

Klar

Kurze Sätze, aktive Sprache, konkrete Empfehlungen. Ein Tool, das Klartext verspricht, darf selbst keinen Nebel produzieren.

Ein wenig Witz

Trocken, sparsam dosiert, nie auf Kosten des Nutzers. Ein Augenzwinkern pro Abschnitt reicht — wir sind ein Audit-Tool, kein Kabarett.

So klingt seopolar

„Deine Meta-Description ist 32 Zeichen kurz — Google hätte gern 120 bis 160. Zwei Sätze mehr, und der Check wird grün.“

So nicht

„KRITISCH!!! Dein SERP-Snippet-Potenzial ist massiv under-optimized! Jetzt handeln, bevor der Algorithmus dich ABSTRAFT!“

Do & Don't

Do

  • Wortmarke mit ausreichend Freiraum platzieren (mindestens die Höhe des Lupen-Glyphs auf allen Seiten)
  • Markenfarbe Polar für den Namensteil „polar“ und den Glyph verwenden
  • Auf dunklen Flächen die helle Textvariante, auf hellen Flächen die dunkle verwenden
  • Den Glyph allein als Icon nutzen, wenn wenig Platz ist (z. B. Favicon, App-Icon)
  • seopolar immer klein schreiben — auch am Satzanfang

Don't

  • Wortmarke verzerren, drehen, stauchen oder mit Effekten (Schatten, Verlauf, Outline) versehen
  • Andere Farben als Polar und die Textfarben für die Wortmarke verwenden
  • Die Wortmarke auf unruhigen Fotos oder kontrastarmen Flächen platzieren
  • „SeoPolar“, „SEO Polar“ oder „SEOPOLAR“ schreiben
  • Emojis oder Deko-Symbole direkt neben der Wortmarke platzieren

Beispiel-Anwendungen

So setzen sich Marke, Farben und Typografie in der Praxis zusammen.

Buttons & Badges

Pro

Score-Zeile

beispiel.de87/100

Fix-Kachel

meta description

Fix mit Klartext-Anleitung