Linee guida del marchio EchoPM
Loghi, colori, tipografia e regole di utilizzo per materiali di marketing, prodotto e partner. Scarica le risorse direttamente o fai riferimento ai token di design condivisi nel codice.
Kit di marca progettato da Anymark · Giugno 2026
Panoramica
L'identità visiva di EchoPM si concentra su una palette di verde calmo, tipografia Figtree e un marchio a forma di bussola. Usa queste linee guida per mantenere presentazioni, campagne e materiali co-branded coerenti con l'esperienza del prodotto su echopm.app.
Logo
Usa il logo vettoriale ogni volta che è possibile. Passa al marchio raster bianco su sfondi scuri o fotografici.
Logo primario (SVG)
Predefinito per web, documenti e qualsiasi superficie che supporti grafica vettoriale.
Scarica
Colore
I token primari dovrebbero coprire la maggior parte delle superfici. Le tonalità estese supportano stati di hover, tinte ed enfasi.
Token primari
Primario (#3D7C62) è per CTA, stati attivi e momenti chiave del marchio. Scuro (#1F2937) è per il testo del corpo e UI chrome forte. Bianco (#FFFFFF) è per sfondi e spazi negativi.
Primary
#3D7C62
primary
Dark
#1F2937
dark
White
#FFFFFF
white
Use with dark text
Palette estesa
Tonalità da 100 (tinta più chiara) a 800 (più scura) supportano stati di hover, divisori, badge e superfici sottili senza introdurre tonalità non in linea con il marchio.
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
Verifica il contrasto WCAG AA (4.5:1) prima di spedire qualsiasi accoppiamento testo/sfondo. Riserva il verde primario per accenti funzionali, non per riempimenti decorativi.
Tipografia
Figtree è il carattere principale per marketing e prodotto: corrisponde al marchio EchoPM. Geist Mono è riservato per codice e etichette tecniche.
Sans / UI
Rendere l'affitto semplice ed efficiente
Figtree — testo del corpo, navigazione, moduli e UI generale.
Display / intestazioni
Operazioni immobiliari, allineate
Figtree tramite font-serif — intestazioni di sezione e tipo di display per marketing.
Monospace
ECHOPM_BRAND.primary · #3D7C62
Geist Mono — frammenti di codice, token e metadati tecnici.
Cosa fare e cosa non fare
Fai
- Usa il logo SVG ogni volta che il target supporta grafiche vettoriali.
- Usa il logo bianco su sfondi scuri o fotografici.
- Mantieni uno spazio libero attorno al logo pari ad almeno l'altezza dell'icona.
- Riserva il verde primario per le CTA, stati attivi e momenti di brand intenzionali.
- Verifica il contrasto quando abbini le tonalità della palette estesa.
Non fare
- Ruotare, allungare, schiacciare o distorcere il logo.
- Aggiungere gradienti, ombre, contorni o tratti al logo.
- Cambiamento di colore del logo al di fuori di questa palette.
- Posizionare il logo su sfondi a basso contrasto o affollati.
- Usare il verde primario in modo decorativo: è un accento funzionale.
Download
File pronti per la produzione forniti da echopm.app. Fai clic con il tasto destro o usa i pulsanti di download sopra per salvare localmente.
