EntrelaçosPsi v1.0
Bíblia / Fundamentos / 02 · Identidade visual
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 Entrelaços — borboleta com asas roxas e ponto laranja SIGNO · USO PRIMÁRIO
Signo Entrelaços em fundo cream SIGNO · ON CREAM
Lockup horizontal Entrelaços Psicologia LOCKUP HORIZONTAL · USO INSTITUCIONAL
CLEAR SPACE · 1× ALTURA DO PONTO
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">