Helena Vasconcellos
Psicóloga Clínica · Terapia Cognitivo-Comportamental · Campinas, SP
Uma landing page que foge do repertório visual comum da psicologia. Em vez de fotos de banco de imagem e tons pastel, a página se apoia em tipografia grande, hairlines finas e muito respiro — o vocabulário de uma revista de arquitetura contemporânea. O verde profundo aparece só nos pontos de decisão; o cobre, só em detalhes.
Abrir o site completo- 14
- Componentes autorais
- 7
- Especialidades
- 3
- Famílias tipográficas
Conceito
Editorial de arquitetura
A tríade da TCC — pensamento, emoção, comportamento — vira dispositivo tipográfico: aparece no topo da página e retorna como momento orquestrado antes da seção de processo.
Desafio
Comunicar autoridade clínica sem cair no visual clínico-frio nem no acolhedor-genérico que domina o segmento.
Solução
Tipografia como estrutura, não como enfeite: a escala display carrega a hierarquia inteira, e a cor fica reservada para ação. O resultado lê como publicação impressa e converte como landing page.
Paleta
Cores do projeto
- PapelFundo principal
#FBFBF9 - NévoaBlocos alternados
#F1F1EE - TintaTexto principal
#1A1B19 - GrafiteTexto secundário
#55564F - Verde profundoBotões e seções escuras
#1E3A2E - Cobre foscoDetalhes e ênfases
#A5754A
Tipografia
Famílias e papéis
Display
Fraunces
Pesos leves e itálico — títulos e citações
Corpo
Hanken Grotesk
Texto corrido e interface
Utilitária
IBM Plex Mono
Rótulos, numeração e metadados
Decisões
O que faz este site funcionar
Tipografia fluida
Escala em clamp, de 44px a 104px, sem quebra em nenhuma largura.
Momento orquestrado
A tríade da TCC se monta em sequência no scroll, uma palavra por vez.
Componentes autorais
Acordeão, carrossel e reveals escritos do zero, sem biblioteca de UI.
Rota legal
Política de privacidade em conformidade com a LGPD.
Escopo
Páginas entregues
- Home (nove seções)
- Política de privacidade
- Next.js 14
- TypeScript
- Tailwind
- Framer Motion
- Conversão via WhatsApp