EchoPM brändiohjeet
Logot, värit, typografia ja käyttöohjeet markkinointi-, tuote- ja kumppanimateriaaleille. Lataa aineistot suoraan tai viittaa jaettuihin suunnittelutunnuksiin koodissa.
Brändipaketti suunniteltu Anymark · Kesäkuu 2026
Yleiskatsaus
EchoPM:n visuaalinen identiteetti keskittyy rauhoittavaan vihreään väriharmoniaan, Figtree-typografiaan ja kompassisanamerkkiin. Käytä näitä ohjeita pitämään esitykset, kampanjat ja yhteisbrändätyt materiaalit yhdenmukaisina tuotteen kokemuksen kanssa echopm.app:ssa.
Logo
Käytä vektorilogoja aina kun mahdollista. Vaihda valkoiseen rasterimerkkiin tummilla tai valokuvapohjaisilla taustoilla.
Päälogo (SVG)
Oletus verkkosivuille, asiakirjoille ja kaikille pinnoille, jotka tukevat vektorigrafiikkaa.
Lataa
Väri
Päätokenit tulisi kattaa useimmat pinnat. Laajennetut sävyt tukevat hover-tiloja, sävyjä ja korostuksia.
Päätokenit
Pääväri (#3D7C62) on CTA:ille, aktiivisille tiloille ja tärkeille brändihetkille. Tumma (#1F2937) on tekstille ja vahvalle UI-kromille. Valkoinen (#FFFFFF) on taustoille ja negatiiviselle tilalle.
Primary
#3D7C62
primary
Dark
#1F2937
dark
White
#FFFFFF
white
Use with dark text
Laajennettu väriharmonia
Sävyt 100 (vaalein sävy) 800 (tummimmat) tukevat hover-tiloja, jakajia, merkkejä ja hienovaraisia pintoja ilman brändin ulkopuolisia sävyjä.
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
Varmista WCAG AA -kontrasti (4.5:1) ennen kuin julkaiset minkä tahansa tekstin/taustan yhdistelmän. Varaa päävihreä toiminnallisille korostuksille - ei koristeellisille täytöille.
Typografia
Figtree on ensisijainen fontti markkinoinnissa ja tuotteessa - se vastaa EchoPM-sananmerkkiä. Geist Mono on varattu koodille ja teknisille etiketeille.
Sans / UI
Vuokraamisen tekeminen yksinkertaiseksi ja tehokkaaksi
Figtree — runkoteksti, navigointi, lomakkeet ja yleinen UI.
Näyttö / otsikot
Kiinteistöhallinta, linjassa
Figtree font-serifin kautta — osio-otsikot ja markkinoinnin näyttötyyppi.
Monospace
ECHOPM_BRAND.primary · #3D7C62
Geist Mono — koodinpätkät, tokenit ja tekninen metadata.
Tehdään ja ei tehdä
Tehdään
- Käytä SVG-logoa aina, kun kohde tukee vektorigrafiikkaa.
- Käytä valkoista logoa tummilla tai valokuvataustalla.
- Pidä logon ympärillä selkeä tila, joka on vähintään ikoninkorkeuden suuruinen.
- Varaa päävihreä CTA:ille, aktiivisille tiloille ja tarkoituksellisille brändihetkille.
- Tarkista kontrasti, kun yhdistät laajennetun väripaletin sävyjä.
Ei tehdä
- Käännä, venytä, purista tai vääristä logoa.
- Lisää gradientteja, varjoja, ääriviivoja tai viivoja logoon.
- Väritä logoa tämän paletin ulkopuolella.
- Aseta logo matalan kontrastin tai sekavien taustojen päälle.
- Älä käytä päävihreää koristeellisesti—se on toiminnallinen korostus.
Lataukset
Tuotantovalmiit tiedostot, jotka on toimitettu echopm.app:sta. Napsauta hiiren oikealla tai käytä yllä olevia latauspainikkeita tallentaaksesi paikallisesti.
Animoidut sanamerkit