Marina Duarte
Psicóloga Clínica · Terapia Cognitivo-Comportamental · São Paulo, SP
Um site completo em índigo profundo, com dez rotas, conteúdo real em todas elas e tema escuro nativo. Blog e especialidades são gerados a partir de arquivos de dados tipados, então publicar um artigo novo é adicionar um objeto — não duplicar uma página.
Abrir o site completo- 10
- Rotas
- 28
- Componentes
- 20
- Páginas geradas
Conceito
Seixos
Firmeza suave: três seixos empilhados formam o símbolo. Nada é anguloso, mas nada é frouxo — o equilíbrio é construído pedra sobre pedra, como um processo terapêutico.
Desafio
Escalar de uma página para dez sem que a manutenção do conteúdo passe a exigir um desenvolvedor.
Solução
Rotas dinâmicas alimentadas por dados tipados, com metadados, breadcrumb e Schema.org derivados automaticamente de cada registro.
Paleta
Cores do projeto
- FundoBase do tema claro
#F6F6FA - Índigo profundoCor primária e botões
#39477F - Lilás-índigoApoio e ilustrações
#7B85C4 - DamascoDestaque pontual
#D98E5F - TintaTexto principal
#23273D - NoiteBase do tema escuro
#12152A
Tipografia
Famílias e papéis
Display
Fraunces
Títulos e citações — o itálico é o sotaque da marca
Corpo
Figtree
Texto corrido e interface, ótima em telas pequenas
Decisões
O que faz este site funcionar
Blog completo
Nove artigos com busca, filtro por categoria e leitura estimada.
Especialidades dinâmicas
Onze páginas geradas por rota dinâmica, cada uma com FAQ própria.
Tema escuro real
Paleta escura desenhada à parte, não uma inversão automática.
Formulário no servidor
Route Handler com validação, honeypot e resposta tipada.
Escopo
Páginas entregues
- Home
- Sobre
- Especialidades (índice + 11 páginas)
- Blog (índice + 9 artigos)
- Atendimento
- Contato
- Política de privacidade
- Termos de uso
- Next.js 14
- Rotas dinâmicas
- Blog
- Tema escuro
- Schema.org
- Route Handler