# Instituto Porta da Mente — Identidade Visual **Posicionamento:** Escola de Hipnoterapia Clínica Aplicada — séria, ética, técnica, anti-espetáculo. **Público:** Psicoterapeutas, psicólogos e terapeutas (atuantes ou aspirantes). **Tom de marca:** Autoridade clínica, sobriedade científica, respiro mental, didática. --- ## Conceito A identidade traduz visualmente a frase-síntese do projeto: > "Hipnose clínica aplicada, sem promessas mágicas — para terapeutas que querem resultado de verdade." Isso significa um sistema visual que se parece com **um livro técnico bem editado**, **um consultório clínico bem-iluminado** e **um material acadêmico moderno** — e nunca com hipnose-de-palco, esoterismo, mandalas hipnóticas ou marketing agressivo de promessa milagrosa. **Três pilares estéticos:** 1. **Sobriedade** — paleta restrita, contraste alto, sem cores "berrantes". 2. **Respiração** — espaçamento generoso, tipografia em corpos confortáveis, áreas brancas amplas. 3. **Autoridade tipográfica** — uso ponderado de uma serif editorial nos títulos, evocando "livro impresso", "tratado", "expertise consolidada". --- ## Paleta — papéis e quando usar cada cor As três cores recebidas no briefing foram mantidas como **âncoras da paleta**, com pequenos ajustes técnicos justificados abaixo. ### Brand Navy `#102774` — autoridade e ação **Quando usar:** - Botões CTA principais - Links em texto corrido - Ícones com cor de marca - Destaques inline em headlines (``) - Borders de elementos em foco/destaque - Pequenos elementos institucionais (logo, separadores nobres) **Quando evitar:** - Não usar como background de seções inteiras (visual pesado, fadiga ocular) - Não combinar com o azul-petróleo lado a lado em áreas grandes (contraste baixo entre os dois) ### Ink Petróleo `#243448` — texto e dark mode **Quando usar:** - Texto primário no light mode (mais elegante e harmônico que `#000`) - Background base do dark mode (transmite "sala de consulta noturna", "estudo silencioso") - Bordas escuras decorativas **Quando evitar:** - Não usar como cor de CTA (contraste insuficiente sobre background light em comparação ao navy) - Não usar lado a lado com navy em CTAs (compete pela atenção) ### Linen `#FAFAFA` — respiração **Quando usar:** - Background base no light mode - Texto invertido sobre dark/CTAs - Cards "warm" alternados (variação `--bg-surface-warm` puxa para sand-50 muito sutil) **Quando evitar:** - Não usar `#FFF` puro em áreas extensas — o off-white é parte da identidade (evita esterilidade clínica fria). ### Cores semânticas — calibradas em harmonia - **Success Moss `#4F7C42`** — verde musgo (não verde-neon de e-commerce) - **Warning Amber `#B07410`** — âmbar mel (não amarelo de aviso de trânsito) - **Danger Brick `#B33B2D`** — vermelho tijolo (não vermelho-vivo de alarme) - **Info Steel `#2D5984`** — azul-aço, **deliberadamente diferente** do navy do CTA, para não confundir ação com informação. ### Gold `#B8893E` (uso restrito) Apenas para estrelas de avaliação e selos de "premium". Não é cor de marca. Calibrado mais opaco para parecer **bronze**, não bling dourado. ### Justificativa dos ajustes técnicos - Derivamos uma escala completa 50→950 a partir do navy, mantendo o hue 224 — assim qualquer variação do navy permanece "em família" (não introduz azul aleatório de outro hue). - Os tons de texto secundário/muted são derivados do petróleo (`rgba(36,52,72, x)`), não preto puro — mantendo cromaticidade da identidade nas hierarquias. --- ## Tipografia ### Headings — Fraunces (serif editorial) Serif moderna com leve contraste óptico variável. Transmite **livro técnico**, **tradição clínica**, **professor que escreveu obra impressa** — sem ser dramática como Playfair ou neutra como Lora. Uso restrito a **h1, h2, h3** e citações longas. - Pesos usados: 600 (h2/h3), 700 (h1) - Tracking: levemente negativo no display (`-0.020em`), neutro nos heading menores ### Body — Inter (sans humanista) Máxima legibilidade em pt-BR, neutralidade clínica. Suporta numerais oldstyle, ligaturas e pesos consistentes. Uso em **todo conteúdo corrido, UI, formulários, botões, labels**. ### Mono — JetBrains Mono Apenas para tokens, código, snippets de configuração técnica. Não usar em corpo de texto sob nenhuma circunstância. ### Por que não Playfair / Cormorant / Lora? - **Playfair** — dramática demais, evoca "luxo estético" que conflita com sobriedade clínica. - **Cormorant** — bonita mas frágil em corpos pequenos, traços muito finos. - **Lora** — neutra demais, não cria diferenciação editorial perceptível. - **Fraunces** — equilíbrio: tem personalidade editorial sem teatro, suporta peso variável e funciona bem em múltiplos tamanhos. --- ## O que evitar — lista do "não-Porta-da-Mente" Esta lista vale para qualquer designer/copywriter/IA gerando assets para o projeto. ### Nunca usar em ilustração/iconografia - Espirais hipnóticas, redemoinhos concêntricos, círculos pulsantes - Mandalas, símbolos esotéricos, runas, sigils - Olhos místicos, pirâmides com olho, símbolos maçônicos - Pêndulos, relógios oscilando, cristais, prismas - Cérebros com raios/eletricidade saindo (clichê neuro-marketing) - Ondas cerebrais estilizadas tipo "EEG decorativo" - Imagens de "transe profundo": pessoa flutuando, levitação ### Nunca usar como tratamento visual - Gradientes místicos (roxo → azul → preto, "galáxia", "nebulosa") - Efeitos de glow neon, rim light dramático - Backgrounds com partículas/brilhos dispersos - Sombras coloridas exageradas (purple shadow, etc.) - Tipografia "espiritual" com kerning ultra largo e fino ### Nunca usar como copy visual nos elementos - Textos curvados em arco, em espiral - "Selos místicos" arredondados com texto orbitando - Carimbos que sugerem "magia", "poder", "transformação imediata" - Ícones de baralho de tarô / cartas ### Tom geral a evitar - Cara de "produto de auto-ajuda" com frases motivacionais sobrepostas a paisagens - Cara de "fintech 2024" com gradientes vibrantes e ícones 3D coloridos - Cara de "infoproduto barato" com setas neon, contadores piscantes, "ÚLTIMAS VAGAS!" em caixa alta vermelha --- ## Diretrizes de imagem e fotografia ### Estilo fotográfico recomendado - **Luz natural lateral suave** (janela à 45°), nunca flash duro - **Paleta cromática contida** — tons de bege, off-white, azul-petróleo, verdes-musgo (próxima da paleta da marca) - **Pessoas reais em cena clínica/educacional** — terapeuta sentado conversando, livros abertos, anotações em caderno, mãos digitando, sala de aula presencial - **Profundidade rasa** (f/2.0–f/2.8) para isolar o sujeito sem virar "foto de stock" - **Composição limpa** — regra dos terços, espaço negativo abundante para sobrepor texto ### Subject matter aprovado - Renan Moura ensinando (sala, mesa de estudo, escrevendo) - Atendimento clínico encenado (sem exibir paciente real) - Livros físicos do autor (capa, lombada, páginas marcadas) - Cenas de estudo: caderno + caneta + livro aberto - Detalhes de mão escrevendo/destacando texto - Sala de aula com alunos (formação presencial) ### Subject matter proibido - Pessoas com olhos fechados em transe dramático - Imagens de "pacientes em sessão hipnótica" com close em pálpebras - Stock photos genéricos de "cérebro digital" - Hipnotizadores com pêndulo - Plateias/auditórios cheios em pose de palco (anti-posicionamento) ### Tratamento de imagem - **Não usar** filtros vintage/sépia/preto-e-branco dramáticos - **Não usar** overlays escuros pesados sobre fotos para escrever texto — preferir margens com cor de marca ou espaços negativos da própria imagem - **Sim** usar leve dessaturação consistente (~85% de saturação) para manter coesão entre fotos de fontes diferentes - **Sim** usar ratio 4:3 ou 3:2 em destaques (formato "editorial"), reservar 16:9 para vídeo --- ## Tom de voz visual nos componentes | Elemento | Tom Porta da Mente | Anti-padrão | |---|---|---| | Headline hero | Afirmativa, técnica, calma | Promessa milagrosa em caixa alta | | Subhead | Concretiza, especifica público | Vago, motivacional | | CTA primário | Verbo de ação direto ("Conhecer formação", "Ver próxima turma") | "TRANSFORME SUA VIDA AGORA!" | | Badge de prova social | "+12 mil terapeutas formados" | "MELHOR DO BRASIL!!!" | | Depoimento | Específico, com cargo/CRP, foto sóbria | Genérico, nome só, foto stock | | Garantia/risco | "30 dias de garantia incondicional" | "GARANTIA TOTAL ABSOLUTA!" | | Urgência | "Próxima turma: julho/2026" | "ÚLTIMAS 3 VAGAS — RESTAM 14 MIN!!!" | --- ## Resumo executivo (1 frase) **Porta da Mente parece um livro técnico bem editado e um consultório clínico bem-iluminado — não um show de palco, não uma fintech, não um infoproduto barato.**