Septim AI — Vibe-Coding Scaffolds
Build Your Landing Page.
A pure HTML/CSS marketing site with 5 reusable section blocks and 2 CLAUDE.md presets — one for SaaS, one for e-commerce. No build step. No framework. Open the file in a browser and you have a landing page. Ship yours in 30 minutes.
$49
Pay once · You keep it · No subscription
What's inside
One HTML file, five section blocks, two presets.
The scaffold is a single well-structured HTML/CSS file with dark-mode tokens, responsive layout, and the right visual hierarchy out of the box. The section blocks are copy-paste additions. The CLAUDE.md presets tell Claude Code exactly how to edit the page for your product.
index.html ← the complete page template
sections/
how-it-works.html ← 3-step process block
features-grid.html ← 6-item "what's inside" grid
claude-md-saas-preset.md ← for SaaS products
claude-md-ecom-preset.md ← for one-time purchases
README.md
5 section blocks included
Enough to build any marketing page.
Hero
Hero with CTA
Eyebrow, H1, subhead, price, primary + secondary CTA buttons, and a "pay once / keep it" micro-line. Responsive, centered layout.
Social Proof
3-quote grid
Three testimonial cards in a bordered grid. Replace with real quotes or swap for a "how it works" block if you don't have testimonials yet.
Pricing
Single-price card
One centered pricing card with amount, billing note, deliverables list, and a buy button. Designed for pay-once products — no tier complexity.
FAQ
4-item Q&A grid
Two-column grid of questions and answers. Expandable to 8 without breaking the layout. Each item has its own border treatment.
CTA
Closing CTA section
Eyebrow, h2, one-sentence lead, buy button, and the pay-once micro-line. Designed to be the last thing a reader sees before they decide.
+ Extras
How-it-works and features grid
Two additional blocks in the sections/ folder — a 3-step process section and a 6-item features grid — ready to paste in wherever they fit.
Who buys this
The founder who needs a polished landing page today.
This scaffold is for the person who has a product or idea and needs a credible marketing page before they spend another week on it. It's for the non-developer using Claude Code who wants a starting point that already has the right visual hierarchy, responsive layout, and tone — so every editing session starts from a page that looks like a real product, not a default template. The two CLAUDE.md presets mean Claude Code knows exactly what kind of page this is and how to edit it.
How it works
Thirty minutes to a live page.
01 — Buy
Get the scaffold
You'll receive a zip with the starter directory. Open the index.html in a browser — you have a complete landing page. Open the folder in Claude Code.
02 — Configure
Copy the right preset
Copy claude-md-saas-preset.md or claude-md-ecom-preset.md to CLAUDE.md. Fill in the [BRACKETS] with your product details. Now Claude Code knows exactly what you're building.
03 — Edit & ship
Tell Claude Code what to change
Open Claude Code and say: "I'm working on my landing page. Read CLAUDE.md first." Then describe changes: "Update the headline to X," "add the how-it-works section," "change the price to $99." Deploy to Vercel or Netlify in one drag-and-drop.
FAQ
Straight answers.
Does this require any coding knowledge?
No. The page is a single HTML file. Claude Code edits it in response to plain-English instructions. The CLAUDE.md presets tell Claude Code what to change and what to leave alone. You need to know how to: open a file in a browser, open a folder in Claude Code, and drag a file to Netlify.
Can I change the colors and fonts?
Yes. The page has a single accent color controlled by one CSS variable — change it by replacing one hex value. The font is Inter (Google Fonts, free) — replacing it requires changing the import URL and one font-family declaration. Claude Code can do both in under 30 seconds.
How do I deploy it?
Three options: (1) Netlify drag-and-drop — drag the HTML file to netlify.com/drop, get a live URL in 10 seconds, free. (2) Vercel — push to GitHub, connect to Vercel, auto-deploys. (3) Any web host that serves HTML. No build step required.
What's the refund policy?
14-day refund if the scaffold doesn't work for your use case. Email Ethan@septimlabs.com — no form, no hoops.
Ready to launch
The page that ships is the page that sells.
Five section blocks, two presets, one flat price. Build the page today.
Pay once · You keep it · No subscription · Ethan@septimlabs.com