All work

Website · Brand + motion · 2026

Forged AI

Brand and animated website for an AI studio, with a scroll-driven forge that builds a blade as you read.

HTMLCSSJavaScriptGSAPCloudflare Workers
Screenshot of Forged AI

The problem

A new studio needed to look established on day one and explain a four-step process without a wall of text.

What we built

We designed the mark, palette and type, then built a single-page site where the process is literally forged: billet, blueprint, three hammer strikes, quench, and circuit veins igniting in the finished blade, all driven by scroll position. Static hosting, no framework, 100 Lighthouse.

Highlights

  • 01

    Scroll-scrubbed SVG forge sequence with GSAP ScrollTrigger, pinned for 4,400 px of scroll.

  • 02

    Full brand kit: logo system, ember palette, type scale, voice.

  • 03

    Hand-written HTML and CSS, self-hosted fonts, no build step.

  • 04

    Deployed as static assets on Cloudflare Workers.

Inside the product

Hero with the studio mark and ember particle field.
Hero with the studio mark and ember particle field.
Mid-forge: hammer strikes on the molten billet.
Mid-forge: hammer strikes on the molten billet.
Engagement models and FAQ.
Engagement models and FAQ.

In one line

Identity and launch site for Forged AI, an AI automation studio. The centerpiece is a pinned, scroll-scrubbed scene that forges a sword in SVG, mapped to the studio’s four-step process.