Diretrizes da marca EchoPM
Logos, cores, tipografia e regras de uso para materiais de marketing, produto e parceiros. Baixe os ativos diretamente ou consulte os tokens de design compartilhados no código.
Kit de marca projetado por Anymark · Junho de 2026
Visão Geral
A identidade visual da EchoPM centra-se em uma paleta de verde calmo, tipografia Figtree e uma marca de palavra bússola. Use estas diretrizes para manter apresentações, campanhas e materiais co-branded consistentes com a experiência do produto em echopm.app.
Logotipo
Use o logotipo vetorial sempre que possível. Mude para a marca raster branca em fundos escuros ou fotográficos.
Logotipo primário (SVG)
Padrão para web, documentos e qualquer superfície que suporte gráficos vetoriais.
Baixar
Cor
Os tokens primários devem cobrir a maioria das superfícies. Tons estendidos suportam estados de hover, matizes e ênfase.
Tokens primários
Primário (#3D7C62) é para CTAs, estados ativos e momentos-chave da marca. Escuro (#1F2937) é para texto do corpo e UI forte. Branco (#FFFFFF) é para fundos e espaço negativo.
Primary
#3D7C62
primary
Dark
#1F2937
dark
White
#FFFFFF
white
Use with dark text
Paleta estendida
Tons de 100 (matiz mais clara) até 800 (mais escura) suportam estados de hover, divisores, distintivos e superfícies sutis sem introduzir tons fora da 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
Verifique o contraste WCAG AA (4.5:1) antes de enviar qualquer combinação de texto/fundo. Reserve o verde primário para acentos funcionais—não para preenchimentos decorativos.
Tipografia
Figtree é a fonte principal em marketing e produto—ela combina com a marca EchoPM. Geist Mono é reservado para código e rótulos técnicos.
Sans / UI
Tornar o aluguel simples e eficiente
Figtree — texto do corpo, navegação, formulários e UI geral.
Display / cabeçalhos
Operações de propriedade, alinhadas
Figtree via font-serif — cabeçalhos de seção e tipo de exibição de marketing.
Monoespaçado
ECHOPM_BRAND.primary · #3D7C62
Geist Mono — trechos de código, tokens e metadados técnicos.
O que fazer e o que não fazer
Fazer
- Use o logotipo SVG sempre que o alvo suportar gráficos vetoriais.
- Use o logotipo branco em fundos escuros ou fotográficos.
- Mantenha um espaço livre ao redor do logotipo igual a pelo menos a altura do ícone.
- Reserve o verde primário para CTAs, estados ativos e momentos intencionais da marca.
- Verifique o contraste ao combinar tons da paleta estendida.
Não fazer
- Gire, estique, comprima ou distorça o logotipo.
- Adicione gradientes, sombras, contornos ou traços ao logotipo.
- Mude a cor do logotipo fora desta paleta.
- Coloque o logotipo em fundos de baixo contraste ou desordenados.
- Use o verde primário de forma decorativa—é um acento funcional.
Downloads
Arquivos prontos para produção servidos de echopm.app. Clique com o botão direito ou use os botões de download acima para salvar localmente.
Logotipos animados