Design your brand. Without touching a line of CSS.
Describe the visual direction you want in plain language. The AI generates a complete theme — fonts, colors, spacing, and layout — and renders it live in your actual content before you commit a single pixel.
The fastest path from idea
Design Studio replaces weeks of back-and-forth with a designer. Describe the mood, pick a direction, tweak until it feels right — then activate. Done.
- Prompt-to-Theme in Seconds — Type 'editorial serif with a warm amber accent' and get a production-ready CSS theme back instantly. No Figma files, no design tools, no pixel-pushing.
- Live Preview Before Committing — See your theme applied to a real article, newsletter layout, or homepage before anything goes live. What you preview is exactly what your readers will see.
- 10 Steps of Undo Per Draft — Every tweak chip — Change font, Lighter palette, Add texture — is reversible. Go back up to 10 steps on any draft without losing your other drafts.
- Spin Off Matching Themes — Approve a site theme and instantly spin off a complementary article theme that shares the same palette, typeface mood, and visual DNA. Designed as a set.
- Three Surfaces, One Studio — Design your Blog (site-wide), Article layout, and Newsletter email from one unified workspace. Tabs switch context; your drafts persist across sessions.
- Activate and Undo in Seconds — Activate any draft with one click. Changed your mind? Hit Undo in the toast notification — your previous theme is restored immediately, no settings page needed.
What it looks at
- Describe — Starter prompts · Custom direction · Natural design vocabulary · Surprise me mode
- Preview — Real article render · Newsletter layout · Hover-to-compare drafts · Starred drafts float to top
- Refine — Change font · Lighter palette · More contrast · Add texture · Warmer tones · 10-level undo per draft
- Activate — One-click go-live · Toast with instant undo · Saved to theme library · Spin-off article theme
Your brand, exactly as imagined.
Open Design Studio, type a direction, and your first theme draft appears in seconds — ready to preview, tweak, and activate.
Frequently asked questions
How is this different from a visual site builder like Squarespace or Webflow?
No dragging panels or visual node editors. You describe the aesthetic you want — 'restrained editorial', 'warm and maximal', 'Apple-clean' — and the AI writes production CSS that implements it. The output is clean, semantic code that lives in your brand, not inside a proprietary builder you can never leave.
What if I generate a theme I don't like?
Nothing destructive happens without your explicit approval. Your current live theme stays untouched until you click Activate. You can accumulate dozens of drafts, trash them all, and start over. Even after activation, the undo toast lets you roll back instantly — no settings page required.
Does the AI really understand vague direction like 'editorial' or 'warm'?
Yes. The model has deep knowledge of design vocabulary. It knows that 'editorial' means generous whitespace, serif display type, and a restrained palette; that 'maximal' means texture, layered shadows, and condensed type. You don't need to specify hex codes or font names unless you want to override specifics.
Can I see and edit the generated CSS directly?
Yes. Every draft's CSS is fully accessible. Design Studio is AI-first, not AI-only — if you want to fine-tune a value or adjust a spacing rule, nothing stops you. The tweak chips are there for the common changes; raw CSS access is there for everything else.
I have an existing site theme I like. Can I iterate on it rather than start from scratch?
Absolutely. Describe your existing aesthetic as a starting point — 'keep the serif headlines but make the palette cooler and more muted' — and the AI refines from there. Design Studio works just as well for iteration as for blank-slate generation.