Design System website templates
The same product built twice, in two different design languages, so you can read the difference rather than argue about it. Apple's system against Airbnb's, over identical content and identical functionality.
Tokens, type scales, spacing and motion all diverge — the packs ship both, which makes them unusually direct evidence of what a design system actually changes.
Design System templates: your questions
What do you get with a Design System website template?
A live preview of the finished site, the exact prompt that built it, and, where the design sells it, the complete source code. The sources are standard projects that run with npm, with the exact commands on each design's page. Buy a single design, or unlock every design in the store with All-Access.
Which Design System template should I start with?
Start with the one whose first screen is closest to the feeling you want, then make it yours. Good places to start: BR Cycle (The same brief, resolved in a different brand voltage) and BR Ring (The same ring, in the opposite design language).
Can I use these Design System templates for client websites?
Yes. Every purchase includes a commercial licence: use it in your own projects and in work you deliver to clients, including paid client work, change and rebrand it, and publish the result with no credit needed. What you can't do is resell, share or republish the prompt or the source files themselves.
Do I need to know how to code?
You don't need to code to start. Paste the prompt into a coding agent and it writes the code; to change the words, colours or images, ask it in plain English. The source runs on your computer with a couple of standard commands, listed on each design's page.