BUSINESS
Business Info
The basics that drive everything else.
TASTE
Taste Inputs
warm & inviting
luxury & refined
bold & energetic
rustic & artisan
clean & minimal
dark & moody
organic & natural
vintage & nostalgic
cinematic & dramatic
elegant serif
clean sans-serif
bold display
vintage / slab
handwritten
SITE
Pages & Contact
Home
About
Services
Contact
Work / Case Studies
Menu / Products
Gallery
Booking
STEP 1 · GENERATE THE DNA
Use Claude to design the Style DNA
Copy the brief prompt below, paste into a new chat at
claude.ai (works with Free, Pro, or Max), then paste the JSON Claude returns into the box below.
✓ STYLE DNA GENERATED
🍌 Nano Banna Hero Prompt
🎬 Kling 3.0 Motion Prompt
IMAGES
AI-Generated Images
Upload images from Nano Banna and Kling 3.0, or skip to use gradient placeholders.
FORMS
Backend Configuration
Pick a form provider — works without a server.
PREVIEW · CLICK NAV TO BROWSE
⬇
The ZIP contains ~10 files: index.html, about.html, services.html, gallery.html, contact.html, styles.css, sitemap.xml, robots.txt, README.md, and the images/ folder.
IDLE
HOST
Where should it live?
All three are free for static sites. Cloudflare wins on bandwidth, Netlify on simplicity.
METHOD
How to deploy
Pick the workflow that fits — both end at the same live URL.
AUTH
Netlify Token
Personal access token — never stored, sent only to api.netlify.com.
DRAG & DROP
No token needed
Easiest if you'd rather skip the token setup. Takes 30 seconds.
1
Download the ZIP
Go back to Stage 2 and click Download ZIP if you haven't already.
2
Open Netlify Drop
This page has a single drop zone — drag your ZIP onto it.
CLI
Wrangler CLI Deploy
Cloudflare's API blocks browser CORS, so we use Wrangler — Cloudflare's official CLI. ~60 seconds.
One-time setup:
- Install Node.js if you don't have it: nodejs.org
- Open a terminal and run
npm install -g wrangler
- Run
wrangler login — opens a browser to authorize
Then for every site:
- Download the ZIP from Stage 2 and unzip it into a folder
- In that folder, run the command shown below
- Wrangler returns a URL like
your-site.pages.dev
wrangler pages deploy . --project-name=my-site
First deploy creates the project automatically.
DRAG & DROP
Cloudflare Pages — Direct Upload
No CLI needed. Cloudflare's dashboard accepts a ZIP upload. Takes ~45 seconds.
1
Download the ZIP
Grab it from Stage 2 if you haven't already.
2
Open Cloudflare Pages
Sign in (free account works). Click Create application → Pages → Upload assets.
3
Drop the ZIP & name your project
Project name becomes the subdomain: {name}.pages.dev. Cloudflare unzips and deploys in ~30 seconds.
🎉
Your site is live
First builds may take 30-60 seconds. Refresh the URL if it's not ready yet.
What's next:
📝 Rename the URL in Netlify dashboard → Site settings → Change site name. Pick something like clientname.netlify.app.
🌐 Add custom domain in Domain management. Netlify auto-issues SSL.
📮 Form submissions appear in Netlify dashboard → Forms tab (if you used Netlify Forms backend).