Overclock Tech

O problema

A empresa nasceu como Overclock Labz, um estúdio de desenvolvimento, e passou a atuar em duas frentes, sistemas e jogos. O site anterior, que também fiz, só falava de protótipos. Era preciso uma marca que abrigasse as duas frentes sem que uma parecesse menor que a outra, e um site com página própria e linguagem para o público de cada uma.

Minha contribuição

Criei a marca como um sistema. A Overclock Tech é a marca guarda-chuva, e Systems e Games usam o mesmo mascote, mudando só a cor e a segunda linha do nome. As cores vêm do teste de chama, em que o elemento que queima muda a cor do fogo, com o sódio no amarelo da Tech, o selênio no azul da Systems e o bário no verde da Games. Os tons das três divisões têm a mesma luminância, para nenhuma parecer rebaixada, e o contraste de cada combinação de fundo foi medido. O resultado são 24 logotipos em SVG, ícones que funcionam a partir de 16 pixels e um manual de marca de 30 páginas. No site, construí a interface sem biblioteca de componentes. A arte em ASCII da página inicial é desenhada em um OffscreenCanvas dentro de um Web Worker, fora da thread principal. O site é estático, com todas as rotas pré-renderizadas, tema claro e escuro, animações com GSAP e Lenis que respeitam a preferência por movimento reduzido e formulário de contato com envio pelo Resend. Os testes de ponta a ponta em Playwright incluem verificação de acessibilidade com axe.

Destaques do projeto

• 24logotipos em SVG, com manual de marca
• 2 frentesSystems e Games sob a mesma marca
• Web Workerarte em ASCII fora da thread principal

Tecnologias

Nuxt 4, TypeScript, Tailwind CSS v4, GSAP, Lenis, Playwright