Overclock Tech
Brand and company website for Overclock Tech, presenting its two divisions, Overclock Systems and Overclock Games, in Portuguese and English.
- Role
- Brand, visual direction and development
- Period
- 2026
- Type
- Brand and company website
The problem
The company started as Overclock Labz, a development studio, and grew into two divisions, software and games. The previous site, which I also built, only talked about prototypes. It needed a brand that could hold both divisions without either looking secondary, and a site with a page and a voice for each audience.
My contribution
I designed the brand as a system. Overclock Tech is the umbrella brand, and Systems and Games share the same mascot, changing only the color and the second line of the name. The colors come from the flame test, where the burning element changes the color of the fire, with sodium for Tech's yellow, selenium for Systems' blue and barium for Games' green. The three divisions' tones share the same luminance so none looks downgraded, and the contrast of every background pairing was measured. The result is 24 SVG logos, icons that hold up from 16 pixels and a 30-page brand manual. For the site, I built the interface with no component library. The ASCII art on the home page is drawn on an OffscreenCanvas inside a Web Worker, off the main thread. The site is static, with every route pre-rendered, light and dark themes, GSAP plus Lenis animation that respects the reduced-motion preference, and a contact form that sends email through Resend. The Playwright end-to-end tests include accessibility checks with axe.
Project highlights
- 24SVG logos, with a brand manual
- 2 divisionsSystems and Games under one brand
- Web WorkerASCII art off the main thread
Technologies
Nuxt 4, TypeScript, Tailwind CSS v4, GSAP, Lenis, Playwright
Inside the product
