EchoPM Markenrichtlinien
Logos, Farben, Typografie und Nutzungsregeln für Marketing-, Produkt- und Partnermaterialien. Lade Assets direkt herunter oder verwende die gemeinsamen Design-Tokens im Code.
Markenkit entworfen von Anymark · Juni 2026
Übersicht
Die visuelle Identität von EchoPM basiert auf einer ruhigen grünen Palette, Figtree-Typografie und einem Kompass-Wortzeichen. Verwende diese Richtlinien, um Präsentationen, Kampagnen und Co-Branding-Materialien konsistent mit dem Produkterlebnis auf echopm.app zu halten.
Logo
Verwende das Vektorlogo, wann immer es möglich ist. Wechsle zum weißen Rasterzeichen auf dunklen oder fotografischen Hintergründen.
Primäres Logo (SVG)
Standard für Web, Dokumente und jede Oberfläche, die Vektorgrafiken unterstützt.
Herunterladen
Weißes Logo (PNG)
Verwende auf dunklen Hintergründen, Fotos oder Oberflächen mit geringem Kontrast.
Herunterladen
Farbe
Primäre Tokens sollten die meisten Oberflächen abdecken. Erweiterte Farbtöne unterstützen Hover-Zustände, Tönungen und Betonungen.
Primäre Tokens
Primär (#3D7C62) ist für CTAs, aktive Zustände und wichtige Markenmomente. Dunkel (#1F2937) ist für Fließtext und starke UI-Elemente. Weiß (#FFFFFF) ist für Hintergründe und negativen Raum.
Primary
#3D7C62
primary
Dark
#1F2937
dark
White
#FFFFFF
white
Use with dark text
Erweiterte Palette
Farbtöne von 100 (hellste Tönung) bis 800 (dunkelste) unterstützen Hover-Zustände, Trennlinien, Abzeichen und subtile Oberflächen, ohne unpassende Farben einzuführen.
800
#193329
color800
700
#2A5544
color700
600
#3B785F
color600
500
#3D7C62
color500
400
#65B393
color400
300
#87C4AB
color300
Use with dark text
200
#AAD5C3
color200
Use with dark text
100
#CCE6DB
color100
Use with dark text
Überprüfe den WCAG AA-Kontrast (4.5:1), bevor du eine Text/Hintergrund-Kombination versendest. Reserviere das primäre Grün für funktionale Akzente – nicht für dekorative Füllungen.
Typografie
Figtree ist die primäre Schriftart für Marketing und Produkt – sie passt zum EchoPM-Wortzeichen. Geist Mono ist für Code und technische Bezeichnungen reserviert.
Sans / UI
Vermietung einfach und effizient gestalten
Figtree – Fließtext, Navigation, Formulare und allgemeine UI.
Display / Überschriften
Immobilienoperationen, ausgerichtet
Figtree über font-serif – Abschnittsüberschriften und Marketing-Display-Typ.
Monospace
ECHOPM_BRAND.primary · #3D7C62
Geist Mono – Code-Snippets, Tokens und technische Metadaten.
Dos und Don'ts
Tun
- Verwenden Sie das SVG-Logo, wann immer das Ziel Vektorgrafiken unterstützt.
- Verwenden Sie das weiße Logo auf dunklen oder fotografischen Hintergründen.
- Halten Sie den Freiraum um das Logo mindestens in der Höhe des Symbols.
- Reservieren Sie das primäre Grün für CTAs, aktive Zustände und gezielte Markenmomente.
- Überprüfen Sie den Kontrast, wenn Sie erweiterte Farbpaletten kombinieren.
Nicht tun
- Drehen, dehnen, quetschen oder verzerren Sie das Logo nicht.
- Fügen Sie dem Logo keine Verläufe, Schatten, Umrisse oder Striche hinzu.
- Ändern Sie die Farbe des Logos außerhalb dieser Palette.
- Platzieren Sie das Logo nicht auf kontrastarmen oder überladenen Hintergründen.
- Verwenden Sie das primäre Grün nicht dekorativ – es ist ein funktionaler Akzent.
Downloads
Produktionsbereite Dateien von echopm.app. Rechtsklick oder verwenden Sie die Download-Buttons oben, um lokal zu speichern.
Animierte Wortmarken