Site da Casa de Júniors
O site que você está lendo. Astro, Tailwind e design tokens compartilhados com os templates de email da newsletter.
- Astro
- Tailwind
- TypeScript
- Cloudflare Pages
Site institucional do grupo e porta de entrada da newsletter. Construído para ser rápido, acessível e barato de manter.
Escolhas técnicas
Astro em vez de um framework de aplicação. O site é majoritariamente conteúdo estático. Astro entrega HTML puro por padrão e só envia JavaScript onde existe interação de verdade: no momento, o menu móvel, o alternador de tema e o formulário de inscrição.
Design tokens fora do repositório. Cores, tipografia e espaçamento vivem em um tokens.json
compartilhado. Um script gera o CSS a partir dele, e os mesmos valores alimentam os templates de
email da newsletter. Trocar a identidade visual é editar um arquivo, não caçar hexadecimal
espalhado por componente.
Tema claro e escuro sem piscar. A preferência do sistema é respeitada por padrão, a escolha manual é persistida, e um script inline aplica o tema antes da primeira pintura.