Tema dark da escola de hipnoterapia clínica aplicada — pensado como uma sala de consulta noturna: petróleo profundo, off-white de leitura, navy luminoso para CTAs. Sóbrio, recolhido, anti-espetáculo.
Paleta
Brand Navy · escala
★ Cor-base do briefing (CTA no light).
◆ No dark: brand-500 vira CTA e brand-200 vira texto-acento — para contraste sobre o petróleo.
Ink · azul-petróleo
★ Cor-base do briefing — bg-base do dark. As variações 600/800 são os surfaces e inputs.
Linen · neutros claros
Sand (alternativa cálida)
★ Cor-base do briefing — texto primário no dark. Linen vira a cor de leitura sobre o petróleo.
Estados semânticos · primitivos
Os primitivos são os mesmos do light. No dark, derivamos versões claras (BFD4AE, E5C887, E0A29A, B0CDE8) para legibilidade sobre o petróleo.
Tokens semânticos dark
Tema por seção — exemplo inline
Aplicado data-theme="light". Background #FAFAFA, texto petróleo.
Herda do body data-theme="dark". Petróleo profundo, off-white de leitura.
<section data-theme="light"> — funciona em qualquer direção, sem CSS extra.
Tipografia
Fraunces · Heading
Aa Bb Cc
Serif moderna, contraste óptico variável. Transmite livro técnico, tradição clínica — sem teatro.
font-family: 'Fraunces', Georgia, serif;
Inter · Body
Aa Bb Cc
Sans humanista, máxima legibilidade em pt-BR. Neutralidade clínica e UI eficiente.
font-family: 'Inter', system-ui, sans-serif;
Escala display (heading) · Fraunces
Escala de conteúdo · Inter
Lead paragraph — primeiro parágrafo de uma seção
Corpo de texto padrão. Usado em descrições, depoimentos e parágrafos de conteúdo institucional.
data-theme="dark"Pull quote (citação editorial)
Hipnose clínica aplicada, sem promessas mágicas — para terapeutas que querem resultado de verdade.
Fraunces · italic · 600 · com border-left navy. Uso pontual em depoimentos longos e manifestos.
Sistema
Grid base 4px
Section spacing (clamp)
Raios de borda
Mais discretos que o template padrão — institucional evita formas excessivamente arredondadas.
Sombras (single-layer)
No dark, sombras pretas profundas — não coloridas — para reforçar profundidade sem virar glow místico.
Iconografia · Lucide Icons
Biblioteca padrão. Open-source, tree-shakeable, traços lineares e consistentes — combinam com o tom institucional. Sempre via currentColor.
Banidos: espirais hipnóticas, mandalas, olhos místicos, pêndulos, cristais, "cérebro com raios". Ver identidade-visual.md.
Componentes
Badges & tags
Em copy institucional, "últimas vagas" só deve aparecer quando for fato verificável — não como gatilho artificial.
Material desenvolvido ao longo de 10 anos e testado com mais de 12 mil alunos brasileiros — clareza acima de jargão.
"Trouxe segurança técnica e ética para minha prática. Sigo aplicando no consultório semanalmente."
Terapeutas, psicólogos e profissionais de saúde mental impactados pelas formações desde 2016.
Alerts (4 variantes)
FAQ Accordion · <details>/<summary> (CSS puro, zero JS)
Formulários
Estados de campo
Será exibido no certificado
Verifique o formato do e-mail.
Lead form completo
Composição
Diferenciais
Renan Moura atende como hipnoterapeuta clínico — você aprende com quem aplica no campo de batalha, não apenas na teoria.
Sem promessas irresponsáveis, sem charlatanismo. Formação alinhada às boas práticas da psicologia e da saúde mental.
10 anos refinando a forma de ensinar. Mais de 12 mil alunos formados. Linguagem clara, objetiva, sem jargão desnecessário.
Técnica aplicada vence espetáculo. Didática clara é obrigação, não diferencial. Resultado clínico real acima de marketing vazio.