02Fundamentos
A borboleta, o ponto, o nome.
A logo Entrelaços traduz a marca em três sinais: as duas asas em roxo (entrelaçar), o ponto laranja no centro (vida, calor humano) e o lockup tipográfico com "Psi" em italic-serif.
Os três sinais
A logo é uma síntese: duas asas em roxo (entrelaçar), ponto laranja no centro (vida, calor humano), lockup tipográfico com "Psi" em italic-serif (a especificidade da prática).
SIGNO · USO PRIMÁRIO
SIGNO · ON CREAM
LOCKUP HORIZONTAL · USO INSTITUCIONAL
ESCALA · MIN 24px DIGITAL
Tamanho mínimo & clear space
- Tamanho mínimo do signo (apenas borboleta): 24px de altura digital · 8mm impresso.
- Tamanho mínimo do lockup: 32px de altura digital · 12mm impresso.
- Clear space ao redor: equivalente à altura do ponto central da borboleta em todos os lados.
- Em fundos com imagem, sempre usar caixa cream ou plate de roxo-950 com 16px de padding.
Regra do ponto laranja. O ponto central da borboleta é o único elemento decorativo onde laranja é livre — pode aparecer no header, footer e elementos com logo. Fora isso, laranja segue a regra de 3 usos máximos por página (badge urgência + palavra-âncora + ponto da logo).
Snippet · pronto pra colar
HTML · cole no seu projeto
<!-- Header pill com logo PNG -->
<a class="e-brand" href="/">
<img class="e-logo-img" src="/assets/borboleta.png" alt="" aria-hidden="true">
<span>Entrelaços<em>Psi</em></span>
</a>
<!-- Lockup horizontal (uso institucional, footers, splashes) -->
<img src="/assets/lockup.png" alt="Entrelaços Psicologia" style="height: 56px; width: auto;">
<!-- Favicon (no <head>) -->
<link rel="icon" href="/assets/favicon.ico">
<link rel="icon" type="image/png" href="/assets/borboleta.png">