Directrices de marca de EchoPM
Logotipos, colores, tipografía y reglas de uso para materiales de marketing, producto y socios. Descarga activos directamente o consulta los tokens de diseño compartidos en el código.
Kit de marca diseñado por Anymark · Junio 2026
Descripción general
La identidad visual de EchoPM se centra en una paleta verde calmada, tipografía Figtree y un logotipo de brújula. Usa estas directrices para mantener presentaciones, campañas y materiales co-marcados consistentes con la experiencia del producto en echopm.app.
Logotipo
Usa el logotipo vectorial siempre que sea posible. Cambia al logotipo raster blanco en fondos oscuros o fotográficos.
Logotipo principal (SVG)
Predeterminado para web, documentos y cualquier superficie que soporte gráficos vectoriales.
Descargar
Color
Los tokens primarios deben cubrir la mayoría de las superficies. Los tonos extendidos soportan estados de hover, matices y énfasis.
Tokens primarios
Primario (#3D7C62) es para CTAs, estados activos y momentos clave de la marca. Oscuro (#1F2937) es para texto del cuerpo y UI fuerte. Blanco (#FFFFFF) es para fondos y espacio negativo.
Primary
#3D7C62
primary
Dark
#1F2937
dark
White
#FFFFFF
white
Use with dark text
Paleta extendida
Tonos desde 100 (matiz más claro) hasta 800 (más oscuro) soportan estados de hover, divisores, insignias y superficies sutiles sin introducir matices fuera de la marca.
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 el contraste WCAG AA (4.5:1) antes de enviar cualquier combinación de texto/fondo. Reserva el verde primario para acentos funcionales, no para rellenos decorativos.
Tipografía
Figtree es la tipografía principal en marketing y producto; coincide con el logotipo de EchoPM. Geist Mono se reserva para código y etiquetas técnicas.
Sans / UI
Hacer que el alquiler sea simple y eficiente
Figtree — texto del cuerpo, navegación, formularios y UI general.
Display / encabezados
Operaciones de propiedad, alineadas
Figtree a través de font-serif — encabezados de sección y tipo de display de marketing.
Monoespaciada
ECHOPM_BRAND.primary · #3D7C62
Geist Mono — fragmentos de código, tokens y metadatos técnicos.
Lo que se debe y no se debe hacer
Hacer
- Usa el logo SVG siempre que el objetivo soporte gráficos vectoriales.
- Usa el logo blanco sobre fondos oscuros o fotográficos.
- Mantén un espacio libre alrededor del logo igual a al menos la altura del ícono.
- Reserva el verde primario para CTAs, estados activos y momentos intencionales de la marca.
- Verifica el contraste al combinar tonos de la paleta extendida.
No hacer
- Rote, estire, aplaste o distorsione el logo.
- Agregue degradados, sombras, contornos o trazos al logo.
- Recolorea el logo fuera de esta paleta.
- Coloca el logo sobre fondos de bajo contraste o desordenados.
- No uses el verde primario de manera decorativa; es un acento funcional.
Descargas
Archivos listos para producción servidos desde echopm.app. Haz clic derecho o usa los botones de descarga arriba para guardar localmente.
Marcas de agua animadas