Directives de marque EchoPM
Logos, couleurs, typographie et règles d'utilisation pour le marketing, le produit et les matériaux partenaires. Téléchargez les ressources directement ou référez-vous aux jetons de design partagés dans le code.
Kit de marque conçu par Anymark · Juin 2026
Aperçu
L'identité visuelle d'EchoPM repose sur une palette de verts apaisants, une typographie Figtree et un mot-symbole de boussole. Utilisez ces directives pour maintenir la cohérence des présentations, des campagnes et des matériaux co-marqués avec l'expérience produit sur echopm.app.
Logo
Utilisez le logo vectoriel chaque fois que possible. Passez au logo raster blanc sur des fonds sombres ou photographiques.
Logo principal (SVG)
Par défaut pour le web, les documents et toute surface qui prend en charge les graphiques vectoriels.
Télécharger
Logo blanc (PNG)
À utiliser sur des fonds sombres, des photos ou des surfaces à faible contraste.
Télécharger
Marque d'icône
Icône de boussole pour les avatars, les favicons et les espaces restreints.
Télécharger
Couleur
Les jetons principaux doivent couvrir la plupart des surfaces. Les nuances étendues soutiennent les états de survol, les teintes et l'emphase.
Jetons principaux
Principal (#3D7C62) est pour les CTA, les états actifs et les moments clés de la marque. Sombre (#1F2937) est pour le texte principal et le chrome UI fort. Blanc (#FFFFFF) est pour les fonds et l'espace négatif.
Primary
#3D7C62
primary
Dark
#1F2937
dark
White
#FFFFFF
white
Use with dark text
Palette étendue
Des nuances de 100 (teinte la plus claire) à 800 (la plus sombre) soutiennent les états de survol, les diviseurs, les badges et les surfaces subtiles sans introduire de teintes hors marque.
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
Vérifiez le contraste WCAG AA (4.5:1) avant d'expédier toute association texte/fond. Réservez le vert principal pour les accents fonctionnels — pas pour les remplissages décoratifs.
Typographie
Figtree est la police principale pour le marketing et le produit — elle correspond au mot-symbole d'EchoPM. Geist Mono est réservé pour le code et les étiquettes techniques.
Sans / UI
Rendre la location simple et efficace
Figtree — texte de corps, navigation, formulaires et UI générale.
Affichage / titres
Opérations immobilières, alignées
Figtree via font-serif — titres de section et type d'affichage marketing.
Monospace
ECHOPM_BRAND.primary · #3D7C62
Geist Mono — extraits de code, jetons et métadonnées techniques.
À faire et à ne pas faire
À faire
- Utilisez le logo SVG chaque fois que la cible prend en charge les graphiques vectoriels.
- Utilisez le logo blanc sur des fonds sombres ou photographiques.
- Gardez un espace libre autour du logo égal à au moins la hauteur de l'icône.
- Réservez le vert primaire pour les CTA, les états actifs et les moments de marque intentionnels.
- Vérifiez le contraste lors de l'association des nuances de la palette étendue.
À ne pas faire
- Faire pivoter, étirer, écraser ou déformer le logo.
- Ajouter des dégradés, des ombres, des contours ou des traits au logo.
- Recolorer le logo en dehors de cette palette.
- Placer le logo sur des fonds à faible contraste ou encombrés.
- Utiliser le vert primaire de manière décorative - c'est un accent fonctionnel.
Téléchargements
Fichiers prêts pour la production servis depuis echopm.app. Clic droit ou utilisez les boutons de téléchargement ci-dessus pour enregistrer localement.
