EchoPM brand guidelines
Logos, farver, typografi og brugsregler for marketing, produkt og partnermaterialer. Download aktiver direkte eller henvis til de delte design tokens i koden.
Brand kit designet af Anymark · Juni 2026
Oversigt
EchoPM's visuelle identitet centrerer sig om en rolig grøn palet, Figtree-typografi og et kompas ordmærke. Brug disse retningslinjer for at holde præsentationer, kampagner og co-branded materialer konsistente med produktoplevelsen på echopm.app.
Logo
Brug vektorlogoet, når det er muligt. Skift til det hvide rastermærke på mørke eller fotografiske baggrunde.
Primært logo (SVG)
Standard for web, dokumenter og enhver overflade, der understøtter vektorgrafik.
Download
Farve
Primære tokens bør dække de fleste overflader. Udvidede nuancer understøtter hover-tilstande, nuancer og vægt.
Primære tokens
Primær (#3D7C62) er til CTA'er, aktive tilstande og nøglebrandmomenter. Mørk (#1F2937) er til brødtekst og stærk UI-krom. Hvid (#FFFFFF) er til baggrunde og negativ plads.
Primary
#3D7C62
primary
Dark
#1F2937
dark
White
#FFFFFF
white
Use with dark text
Udvidet palet
Nuancer fra 100 (lysgennemsigtig) til 800 (mørkeste) understøtter hover-tilstande, skillelinjer, badges og subtile overflader uden at introducere off-brand nuancer.
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
Bekræft WCAG AA kontrast (4.5:1) før afsendelse af enhver tekst/baggrundsparring. Forbehold den primære grønne til funktionelle accenter—ikke dekorative fyld.
Typografi
Figtree er den primære skrifttype på tværs af marketing og produkt—den matcher EchoPM ordmærket. Geist Mono er reserveret til kode og tekniske etiketter.
Sans / UI
At gøre udlejning enkel og effektiv
Figtree — brødtekst, navigation, formularer og generel UI.
Display / overskrifter
Ejendomdrift, justeret
Figtree via font-serif — sektionoverskrifter og marketing display type.
Monospace
ECHOPM_BRAND.primary · #3D7C62
Geist Mono — kodeudsnit, tokens og teknisk metadata.
Gør og lad være
Gør
- Brug SVG-logoet, når målet understøtter vektorgrafik.
- Brug det hvide logo på mørke eller fotografiske baggrunde.
- Hold klar plads omkring logoet svarende til mindst højden af ikonet.
- Forbehold primær grøn til CTA'er, aktive tilstande og intentionelle brandøjeblikke.
- Verificer kontrast, når du parrer udvidede palettoner.
Lad være
- Rotér, stræk, komprimer eller forvræng logoet.
- Tilføj gradienter, skygger, konturer eller streger til logoet.
- Ændr farven på logoet uden for denne palet.
- Placer logoet på lavkontrast eller rodet baggrunde.
- Brug primær grøn dekorativt—det er en funktionel accent.
Downloads
Produktion-klar filer leveret fra echopm.app. Højreklik eller brug downloadknapperne ovenfor for at gemme lokalt.
Animerede ordmærker