Markenrichtlinien / HeroThemes
Marken-Assets
Alles, was Sie brauchen, um HeroThemes korrekt darzustellen: Logos, Farben und Typografie, plus ein paar einfache Regeln, um Konsistenz zu gewährleisten.
Logo
Das HeroThemes-Logo
Unser Logo ist das Wortzeichen, kombiniert mit dem geflügelten Jet-Symbol. Wählen Sie die Version, die den saubersten Kontrast zum Hintergrund bietet, und geben Sie ihm immer genügend Freiraum.
Monochromes Logo
Eintönige Kombination für Druck, Wasserzeichen und einfarbige Kontexte.
App-Symbol
Abstände
Freiraum & Mindestgröße
Geben Sie ihm Raum zum Atmen
Halten Sie einen Mindestabstand von mindestens „X“ (der Höhe des Jet-Symbols) auf jeder Seite ein. Lassen Sie niemals andere Logos, Text oder unruhige Bilder in diesen Bereich eindringen.
120px min · volles Logo
24px min · Symbol
Lesbarkeit beibehalten
Zeigen Sie das vollständige Logo nicht unter 120px Breite oder das alleinstehende Symbol nicht unter 24px an. Unter diesen Größen ist das Wortzeichen nicht mehr lesbar, wechseln Sie stattdessen zum Symbol.
Verwendung
Logo-Dos & Don'ts
Tun
- Verwenden Sie die bereitgestellten Logo-Dateien ohne Änderungen.
- Wählen Sie die Variante mit dem stärksten Hintergrundkontrast.
- Halten Sie den vollständigen Freiraum um jede Platzierung ein.
- Skalieren Sie proportional, immer von einer Ecke aus.
Nicht tun
Farbe
Farbpalette
Marineblau und Blau tragen die Marke; die Neutraltöne sorgen für Ruhe und Lesbarkeit. Klicken Sie auf eine beliebige Farbprobe, um ihren Hex-Wert zu kopieren.
Marke
Neutrale Töne
Typografie
Typografie
Aa
Proxima Nova
Unsere einzige Markenschriftart, bereitgestellt über Adobe Fonts. Klar, geometrisch und freundlich. Sie trägt jede Überschrift, jeden Absatz und jedes UI-Label.
- Schnitte
- 400 · 500 · 600 · 700
- Fallback
- Helvetica, Arial
Normal
Mittel
Semibold
Fett
Anzeige
56px · Semibold 600
Großartiger Support, vereinfacht
Überschrift / H2
32px · Semibold 600
Gebaut für WordPress-Unternehmen
Unterüberschrift / H3
22px · Semibold 600
Alles in einem Dashboard
Textkörper
18px · Regular 400
Erledigen Sie wiederkehrende Anfragen mit einer Self-Service-Wissensdatenbank, die Ihre Kunden tatsächlich gerne nutzen.
Klein / Beschriftung
14px · Regular 400
Unterstützende Beschriftungen, Bildunterschriften und Kleingedrucktes.
Produktmarken
Unsere Produkte
Jedes Produkt behält sein eigenes abgerundetes Markenabzeichen und seine Akzentfarbe, lebt aber immer innerhalb des breiteren HeroThemes-Systems: gleiche Schriftart, gleiches Marineblau, gleiche Regeln für den freien Raum.
Heroic KB
Heroic KB
Self-Service-Wissensdatenbank für WordPress.
Heroic KB verwendet die unten stehende indigoblaue Marke. Kombinieren Sie sie mit Hero Navy für Überschriften und halten Sie großzügigen freien Raum um das abgerundete Abzeichen.
Heroic Inbox
Heroic Inbox
Gemeinsamer Posteingang & Helpdesk in WordPress.
Heroic Inbox verwendet die blaue Umschlagmarke. Reservieren Sie das blaue Abzeichen für das Produkt selbst. Für Schaltflächen und Links halten Sie sich an das Kern-Action-Blau.
Brauchen Sie etwas, das wir nicht abgedeckt haben?
Für Presse-Assets, Partnerschafts-Lockups oder alles andere, was mit der Marke zu tun hat, nehmen Sie Kontakt mit uns auf und wir werden uns darum kümmern.