Put the brand online. Designed, built and shipped — with AI in the loop.
You arrive with a brand, or an idea for one, and leave with it live: a direction it holds to, a home on the internet that carries it, and a way to keep publishing without going back to a developer. Built the way this work is actually done now — an agent doing the typing, you doing the deciding.
A brand that exists online, not a folder on your laptop.
Four things you can point at afterwards, none of which you have at the start.
- 01
A presence at a real URL
Live, responsive, and yours to send to a client, a recruiter or your own audience.
- 02
A repo with a real history
Branches, pull requests, and conflicts you've resolved yourself — the way a team actually works, not one commit called “final”.
- 03
An eye you didn't have
How the brands worth copying are put together, why they're ordered the way they are, and how to tell restraint from emptiness.
- 04
A way of working with AI
Directing a coding agent so the result looks designed rather than generated — which is a skill, and a short one to learn badly.
Remix something, or start from nothing.
You'll pick one on day one, and they run differently from the first commit. Both end at the same place.
Remix something that exists
Start from a brand that already works online and make it yours. Faster to a result, and the hardest decisions — what goes where, and why — have been made well by someone else so you can study them from the inside.
Start from a blank page
Direction, type and palette first, then structure, then the build. Slower, harder, and the whole thing is yours. This is the route if you want the eye more than the artefact.
The whole path, in order.
Every session ends with something on screen. Nothing is theory you'll apply later.
- 01
Setting up properly
The stack, the tooling and the accounts — and why each one is the default rather than a preference.
- 02
Reading good design
Where the work worth copying lives, and how to take the structure without taking the design.
- 03
Direction before layout
Type, colour and tone of voice decided first, because everything the brand does after is constrained by them.
- 04
Ordering the story
What the brand has to say first, in what order it earns attention, and how many sections is too many.
- 05
Building the sections
Component libraries, what to take from them, and when an animation is doing a job rather than showing off.
- 06
Git, properly
Branches, pull requests, merging, and resolving a conflict without panicking. Then the tools most people never reach.
- 07
Directing the agent
How to brief a coding agent, what to hand it, what to keep, and how to hold it to your design rather than its own.
- 08
Debugging and responsive
Finding the fault fast, and making the thing hold up on a phone before you call it finished.
- 09
Publishing without a developer
Wiring the copy to a CMS so the brand can keep saying new things without anyone touching the code.
- 10
Going live
Getting it onto the internet under a name that's yours, and the one setting that breaks most first deploys.
Three rules you'll hear all week.
- 01Build the hero last.
- 02Three colours and three fonts. For the whole project.
- 03If everything on the page moves, nothing on it is emphasised.
The full toolkit — the sources we pull from, the libraries we build with, the extensions and the agent workflow — is worked through in the room, and yours to keep afterwards.
What you'll need.
A laptop you can install on
Any operating system. Admin rights on it.
A few free accounts
You'll set them up in the first hour if you haven't.
No prior experience
The course starts at the ground floor. Bring a brand — or an idea for one — instead.
The exact setup list goes out to everyone once enrolment closes, so you turn up with it already working.
Put it online. Then point people at it.
Website building & modern web is one of the six courses in the cohort.