This website

We designed and coded cornerstonedevs.com ourselves. No template, no site builder and no framework. Every page, animation and checkout on it is our own code.

A site that shows the work, not just describes it.

Client
Cornerstone Devs, our own site
Status
Live
Role
Design, code, copy and hosting
Screenshot of the cornerstonedevs.com homepage with the glowing system hub

Real screenshot of the live homepage.

The problem

The old site said we build platforms. The business had grown into AI integration, systems design and finishing apps that AI tools started. The site had to say that in a few words, and show it working.

What we built

A hand-written design system in our brand colours, a live background drawn on the graphics card, and a homepage where six scattered tools connect into one system as you scroll.

Under the hood

The same care we put into client builds.

One design system

One stylesheet and one script, written by hand. The nav and footer live in one place and a small script keeps every page in sync.

A live background

A WebGL shader draws the glow behind every page. It runs small and slow on purpose, so phones stay cool.

A scroll story

On the homepage, scrolling untangles the tools into one system. The lines bend smoothly, never snap, and stay connected once done.

Reduce Motion respected

If your phone asks for less motion, nothing tilts or slides. The same story plays as a calm fade.

Mock-ups for NDA work

Client platforms are under NDA, so every platform screen is a mock-up, drawn from code with made-up data.

Prices on the server

Checkout runs through Stripe. Prices are set on the server, so nobody can change them in the browser.

Features

  • Tangled tools that connect as you scroll
  • A picker that builds your system and its cost
  • An AI alone vs checked comparison slider
  • A circuit line that runs down every page
  • Glow that follows the cursor, or your finger
  • A booking bar on phones
  • Self-hosted fonts and lazy-loaded images

Stack

  • HTML
  • CSS
  • JavaScript
  • WebGL
  • Stripe
  • Vercel functions
  • Playwright

No framework, so there is very little to download and nothing to keep upgrading.

Our role

All of it. The brand system, every page and animation, the copy, the mock-ups, checkout, hosting and the speed and search work.

See it for yourself

You're on it. Head to the homepage and scroll slowly through the first screen.

Want a site like this?

Start with a discovery call. $500, and it comes off the build.