I just built a new website for my business with Claude Design and am hosting it completely free.
No code, no designer and no annoying $12/mo subscription (goodbye Framer!)
You can check out the website here: systemiz.com
And I built it with 1 prompt and 2 systems that Claude had access to.
System 1: My design system containing all the fonts, colours, logos, and vibe of the website which I created in Claude Design.
System 2: My Notion Company Brain containing all the context about my business such as our ICP, offers, pricing, vision, etc. Claude has access to my Notion through the MCP connection (click here for a tutorial showing how to connect them).
And the prompt itself: “Build a full landing page for the agency with booking a call as the CTA and use the company brain in Notion as context."
This is where most people go wrong, they don’t context engineer claude. But when I gave Claude that prompt, the first draft already looked and sounded like Systemiz. It captured everything about my business, offers and brand perfectly.
A well-built Notion workspace isn't just a place to store your business information or manage your team, it's the context for AI.
Here's the workflow from idea to a published website hosted for free:
Build the design system first. Upload your brand folder (fonts, colours, logos, spacing) so every output inherits your brand. No re-explaining it on every prompt.
Connect your company brain. Give Claude access to your Notion through MCP, so it builds from your real offers and positioning instead of guessing.
Create the website. Tell Claude what you want and refine the website until it's done.
Hand it to Claude Code and publish. Export the project to Claude Code, connect Vercel and Github, and tell Claude to publish it and then add your custom domain.
I just published a YouTube video showing exactly how to do this step by step which you can check out here:
I hope you find it valuable :)
No fluff. Just systems.
Chris "The Systemizer" Punt
