EchoPM merkrichtlijnen
Logo's, kleuren, typografie en gebruiksregels voor marketing-, product- en partnermaterialen. Download middelen direct of verwijs naar de gedeelde ontwerptokens in de code.
Merk kit ontworpen door Anymark · Juni 2026
Overzicht
De visuele identiteit van EchoPM is gebaseerd op een kalm groen palet, Figtree-typografie en een kompas woordmerk. Gebruik deze richtlijnen om presentaties, campagnes en co-branded materialen consistent te houden met de productervaring op echopm.app.
Logo
Gebruik het vectorlogo waar mogelijk. Schakel over naar het witte rastermerk op donkere of fotografische achtergronden.
Primaire logo (SVG)
Standaard voor web, documenten en elk oppervlak dat vectorgraphics ondersteunt.
Downloaden
Wit logo (PNG)
Gebruik op donkere achtergronden, foto's of oppervlakken met een laag contrast.
Downloaden
Kleur
Primaire tokens moeten de meeste oppervlakken dekken. Uitgebreide tinten ondersteunen hover-staten, tinten en nadruk.
Primaire tokens
Primair (#3D7C62) is voor CTA's, actieve staten en belangrijke merkmomenten. Donker (#1F2937) is voor bodytekst en sterke UI-chrome. Wit (#FFFFFF) is voor achtergronden en negatieve ruimte.
Primary
#3D7C62
primary
Dark
#1F2937
dark
White
#FFFFFF
white
Use with dark text
Uitgebreid palet
Tinten van 100 (lichtste tint) tot 800 (donkerste) ondersteunen hover-staten, scheidingslijnen, badges en subtiele oppervlakken zonder off-brand tinten in te voeren.
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
Controleer de WCAG AA-contrast (4.5:1) voordat je een tekst/achtergrond combinatie verzendt. Reserveer het primaire groen voor functionele accenten - niet voor decoratieve vullingen.
Typografie
Figtree is het primaire lettertype voor marketing en product - het past bij het EchoPM woordmerk. Geist Mono is gereserveerd voor code en technische labels.
Sans / UI
Huren eenvoudig en efficiënt maken
Figtree — bodytekst, navigatie, formulieren en algemene UI.
Display / koppen
Vastgoedoperaties, uitgelijnd
Figtree via font-serif — sectiekoppen en marketingdisplaytype.
Monospace
ECHOPM_BRAND.primary · #3D7C62
Geist Mono — codefragmenten, tokens en technische metadata.
Do's en don'ts
Doe
- Gebruik het SVG-logo wanneer de bestemming vectorgraphics ondersteunt.
- Gebruik het witte logo op donkere of fotografische achtergronden.
- Houd de vrije ruimte rond het logo gelijk aan ten minste de hoogte van het pictogram.
- Reserveer primaire groen voor CTA's, actieve toestanden en opzettelijke merkmomenten.
- Controleer het contrast bij het combineren van tinten uit de uitgebreide palet.
Doe niet
- Draai, rek, vervorm of vervorm het logo niet.
- Voeg geen verlopen, schaduwen, omtrekken of lijnen toe aan het logo.
- Verander de kleur van het logo buiten dit palet.
- Plaats het logo niet op achtergronden met een laag contrast of rommelige achtergronden.
- Gebruik primaire groen niet decoratief; het is een functionele accent.
Downloads
Productieklaar bestanden beschikbaar via echopm.app. Klik met de rechtermuisknop of gebruik de downloadknoppen hierboven om lokaal op te slaan.
Pictogrammen
Geanimeerde woordmerken