Screenshots
No ar
Site institucional completo para uma escola de artes marciais em Porto Alegre — construído em HTML/CSS/JS puro com design system escuro autoral e animações ao rolar. Sem frameworks, sem dependências.
Black Horses é o site institucional de uma escola de artes marciais em Porto Alegre. O briefing: identidade visual forte, performance rápida e CTA claro para aulas experimentais via WhatsApp — tudo sem nenhum framework ou pipeline de build.
Construí um design system completo do zero: tokens de cor, escala tipográfica, sistema de espaçamento e componentes reutilizáveis. As animações são disparadas via IntersectionObserver, dando energia à página sem comprometer o carregamento.
Marcação semântica em seções claras: hero, modalidades, professores, horários e CTA. Hierarquia de headings acessível e landmarks ao longo de toda a página.
Design system completo em custom properties: paleta, escala tipográfica, tokens de espaçamento e estilos de componentes. Tema escuro por padrão, grid que vai do desktop ao mobile.
Reveal-on-scroll via IntersectionObserver, navegação sticky com backdrop-blur, toggle do menu mobile e CTA WhatsApp com mensagem pré-formatada.