Marke
Logo, Farben und ihre Verwendung
Alles, was du brauchst, um Postwave in einem Artikel, einer Präsentation oder auf einer Partnerseite zu platzieren: die Zeichen, die Farbpalette, die Schrift und die wenigen Regeln, die alles wiedererkennbar halten.
Logo
Die horizontale Kombination aus Icon und Wortmarke ist der Standard. Wähle die Variante mit dem stärksten Kontrast zu deinem Hintergrund und lass die Grafik selbst unverändert.
Icon
Wo kein Platz für die Wortmarke ist — Avatare, Favicons, App-Kacheln — verwende das Icon allein. Bitte baue die Kombination nicht selbst nach, indem du den Namen daneben setzt.
Schutzraum und Mindestgröße
Das Logo braucht Luft und eine Untergrenze, ab der es nicht mehr lesbar ist.
Schutzraum
Halte auf allen Seiten mindestens die halbe Icon-Höhe frei. In diesen Bereich gehört nichts — keine Schrift, keine Rahmen, keine anderen Logos.
½ × Icon-Höhe auf allen Seiten
Mindestgröße
Unterhalb dieser Größen verliert die Welle ihre Form. Wenn es kleiner sein muss, nimm stattdessen das einfarbige Icon.
Wortmarke: 120 px am Bildschirm, 25 mm im Druck
Icon: 24 px am Bildschirm, 8 mm im Druck
Farben
Das tiefe Blau trägt die Marke, der grüne Akzent markiert, was lebendig und interaktiv ist. Die Werte unten sind die exakte sRGB-Ausgabe der OKLCH-Tokens, mit denen das Produkt ausgeliefert wird.
Marke
Primary
Buttons, Links und alle tragenden Markenflächen.
- HEX
- #003486
- RGB
- rgb(0, 52, 134)
- CMYK
- cmyk(100, 61, 0, 47)
- Token
- --color-primary
Primary Hover
Hover- und Aktiv-Zustand gefüllter Primary-Buttons.
- HEX
- #1052A6
- RGB
- rgb(16, 82, 166)
- CMYK
- cmyk(90, 51, 0, 35)
- Token
- --color-primary-hover
Primary Light
Primary als Text oder Akzent auf dunklem Grund.
- HEX
- #65A5FF
- RGB
- rgb(101, 165, 255)
- CMYK
- cmyk(60, 35, 0, 0)
- Token
- --color-primary-light
Primary Dark
Tiefe: Verläufe, Schatten, gedrückte Zustände.
- HEX
- #001467
- RGB
- rgb(0, 20, 103)
- CMYK
- cmyk(100, 81, 0, 60)
- Token
- --color-primary-dark
Akzent
Secondary
Akzente, Hervorhebungen und Erfolgszustände.
- HEX
- #2EBF91
- RGB
- rgb(46, 191, 145)
- CMYK
- cmyk(76, 0, 24, 25)
- Token
- --color-secondary
Secondary Light
Der Akzent auf dunklem Grund.
- HEX
- #51D9AA
- RGB
- rgb(81, 217, 170)
- CMYK
- cmyk(63, 0, 22, 15)
- Token
- --color-secondary-light
Secondary Dark
Der Akzent, wenn er weiße Schrift tragen muss.
- HEX
- #004E29
- RGB
- rgb(0, 78, 41)
- CMYK
- cmyk(100, 0, 47, 69)
- Token
- --color-secondary-dark
Neutral
Ink
Überschriften auf Hell, Seitenhintergrund auf Dunkel.
- HEX
- #101828
- RGB
- rgb(16, 24, 40)
- CMYK
- cmyk(60, 40, 0, 84)
- Token
- --color-gray-900
Paper
Seitenhintergrund auf Hell, Überschriften auf Dunkel.
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- CMYK
- cmyk(0, 0, 0, 0)
- Token
- --color-white
Slate
Fließtext auf hellen Hintergründen.
- HEX
- #4A5565
- RGB
- rgb(74, 85, 101)
- CMYK
- cmyk(27, 16, 0, 60)
- Token
- --color-gray-600
Mist
Fließtext auf dunklen Hintergründen.
- HEX
- #D1D5DC
- RGB
- rgb(209, 213, 220)
- CMYK
- cmyk(5, 3, 0, 14)
- Token
- --color-gray-300
Signalverlauf
Die Welle im Icon verläuft von #019EE7 nach #13DCE5. Verwende ihn für das Zeichen und für große dekorative Flächen — nie hinter Fließtext.
Typografie
Zwei Schriften mit klarer Arbeitsteilung: Die eine steckt fest im Logo, die andere übernimmt alles, was gelesen wird.
Wortmarke
Poppins SemiBold
Der Name ist in Poppins SemiBold gesetzt und als Pfade ausgeliefert — du brauchst die Schrift also nie installiert, um das Logo zu platzieren. Bitte setze „Postwave“ nicht selbst in Poppins, um die Kombination nachzubauen.
Interface
System-Sans-Serif
- Regular · 400
- Überall veröffentlichen, mit einem Klick.
- Medium · 500
- Überall veröffentlichen, mit einem Klick.
- Semibold · 600
- Überall veröffentlichen, mit einem Klick.
Alles andere setzt Postwave in der nativen Sans-Serif des jeweiligen Systems — schnell, vertraut und identisch mit dem, was die Lesenden ohnehin überall sehen.
Verwendung
Nutze die Zeichen, um auf Postwave zu verweisen. Nicht, um für Postwave zu sprechen.
Bitte so
- Verwende die Originaldateien unverändert und in ihren Proportionen.
- Wähle die Variante mit dem stärksten Kontrast zum Hintergrund.
- Halte Schutzraum und Mindestgrößen ein.
- Verlinke das Logo auf postwave.studio, wo das Medium es zulässt.
- Frag uns, wenn du unsicher bist — wir antworten schnell.
Bitte nicht so
- Färbe, drehe, verzerre, konturiere die Grafik nicht und versieh sie nicht mit Effekten.
- Baue die Kombination nicht nach, ändere ihre Abstände nicht und setze den Namen nicht in einer anderen Schrift.
- Platziere die Zeichen nicht auf unruhigen Bildern oder auf Farben, gegen die sie nicht bestehen.
- Erwecke nicht den Eindruck einer Partnerschaft, Empfehlung oder Zugehörigkeit, die es nicht gibt.
- Verwende die Zeichen — oder etwas, das ihnen nahekommt — nicht als Teil deines eigenen Logos, Produktnamens oder deiner Domain.
Marken-Kit
Alle Varianten dieser Seite als SVG und PNG, zusammen mit Farbpalette, Typografie und diesen Regeln als Textdatei.
Marken-Kit herunterladenFehlt etwas?
Du brauchst einen Screenshot, eine bestimmte Größe oder ein gemeinsames Layout? Schreib uns, wir stellen es zusammen.
Kontakt aufnehmen