Colofão

Como este site é feito

Next.js 16 (App Router), React 19 e TypeScript, com CSS puro: cada cor, tamanho e espaçamento vem de um token de design — não há framework de estilos. A tipografia é Geist e Geist Mono, e a hospedagem é na Vercel, com build validado por Biome e checagem de tipos antes de cada mudança.

O sistema de design nasceu no Claude Design e vive como um contrato escrito no repositório. Cada mudança visual passa por esse contrato, por revisão de agentes de IA e por revisão humana antes de ir ao ar — o mesmo fluxo de trabalho que ofereço em projeto.

Por que ele é quieto

A contenção aqui é uma decisão, não uma falta. A tipografia faz o trabalho; a estrutura fica fora do caminho. Há uma única cor de destaque, o violeta, e ela responde a você: aparece no hover, no foco e no cursor — nunca como decoração parada.

Todo movimento segue um contrato com limites numéricos: nada anima sem um gatilho seu, nada dura mais que o necessário, e quem prefere menos movimento recebe a página pronta, sem animação. O fundo — um grafo de arquitetura que se reorganiza conforme a seção — é a única camada ambiente, e existe para dar profundidade, não para pedir atenção.

Ferramentas

framework

Next.js 16 · React 19

estilo

CSS puro · tokens de design

tipografia

Geist · Geist Mono

hospedagem

Vercel

qualidade

Biome · TypeScript · Lefthook

fluxo

agentes de IA + revisão humana

design

Claude Design → DESIGN.md