Colofão
Uses
Como este site foi feito: ferramentas, decisões e o processo. Tudo aqui vem do repositório e dos documentos do projeto.
Stack
- Framework
- Next.js 16 com React 19, em uma única rota; o modo ativo é um parâmetro de URL.
- Linguagem
- TypeScript.
- Estilo
- Tailwind CSS 4 sobre tokens semânticos de cor definidos em CSS.
- Qualidade
- Biome para lint e formatação.
- Pacotes
- bun.
- Tipografia
- JetBrains Mono, em tudo.
Estilos, temas e idiomas
- Matriz
- 3 estilos × 3 temas × 2 idiomas, todos escolhidos por quem visita. Qualquer combinação é válida.
- Estilo é estrutura
- Manual, Blue Note e Rotation mudam o layout do site inteiro.
- Tema é cor
- Chrome, Gunmetal e LCD trocam só os tokens de cor, então funcionam em qualquer estilo.
- Idioma
- Português e inglês, renderizados no servidor a partir de cookie ou do parâmetro ?lang.
- Regras
- Sem glow, sem gradiente decorativo, hierarquia por hairline e peso, cor de destaque só onde há ação.
Áudio
- Drone e SFX
- Um sintetizador ambiente e os sons de interface, escritos direto na Web Audio API.
- Player
- O player da música do deathko também é próprio, com fila, seek e analisador para os visuais.
- Sem Tone.js
- Nenhuma biblioteca de áudio de terceiros.
Movimento
- Motion
- Presença e transições do React.
- Anime.js
- Coreografia de SVG, como o cabo de patch do Rail.
- Reduced motion
- O único gate é prefers-reduced-motion. Conteúdo, movimento e áudio são camadas removíveis.
Hospedagem e medição
- App
- Railway.
- DNS e proxy
- Cloudflare.
- Analytics
- Cloudflare Web Analytics, sem cookie e sem banner.
Processo
- Orquestração
- O trabalho é conduzido por agentes: um modelo Opus planeja e coordena; workers Sonnet executam as tarefas, cada um em sua branch, via Orca.
- Fonte de verdade
- DECISIONS.md e ROADMAP.md registram o que foi decidido e o que falta. O conteúdo vem só do currículo.