Content & service pages, Build stage. Goals: subtle H2/H3 typographic hierarchy that previews the published page · larger, more comfortable editing font · a per-page content richness control · target the brand's site platform / CSS library on export.
Mockup 2 of 2
A · Page controls (new bar at top of Build)
Two new controls sit above the sections. Richness is chosen per page and steers how many tables/lists/callouts/emphasis the AI adds. Site platform is read-only here — it's a brand-level default; choosing it lives in a future SEO settings page.
Build4 sections · 0 / 860 words
Richness
Tailwind CSS · site defaultⓘ
set in SEO settings — coming soon
B · Content page — section editor
The section heading renders at its true level (H2 big, H3 smaller) so the editor previews the page. Body font is larger and more readable. Below: Balanced richness output — a table, a list and one callout.
Section 1 · H2
How much do movers cost in Mumbai?
intro
🔗 2🖼 1
Most local moves in Mumbai land between ₹6,000 and ₹15,000 for a 2BHK, but the final quote depends on a handful of factors worth understanding before you book.
Move type
Typical range
Main driver
1BHK local
₹4,000–₹8,000
Manpower + floor
2BHK local
₹6,000–₹15,000
Volume + distance
Intercity
₹18,000+
Distance + tolls
What drives your quote
Distance between pickup and drop-off
Floor & lift access at both ends
Packing material and fragile-item handling
💡
Ask for a flat, all-inclusive quote in writing — it's the simplest way to avoid surprise GST, toll and waiting charges on moving day.
Section 2 · H3
Local vs intercity moving rates
body
🔗 1
Empty — click ✨ Write to fill this section at Balanced richness.
C · Service / block page — same hierarchy & font
Block pages get the same larger font and H2/H3 weighting. Richness here controls how many items the AI writes into list-style blocks (benefits, FAQ, item grids).
⭐BenefitsH2 block
❓FAQH2 block
Rich richness → ~6 Q&As · Minimal → ~3
D · Export — new "Export as HTML" path
The new HTML export renders your content in the brand's chosen library's markup. Markdown export stays for those who want it.
🎨Export as HTML newFull page HTML wrapped in your site library's classes — ready to paste into the live site. Tailwind CSS ▾
📋Copy MarkdownFull draft + YAML frontmatter to clipboard.
💾Download .mdSave the draft as slug.md with frontmatter.
Scope boundary (per your answers): the library/platform picker shown in the Export card is the interim way to pick it for now. The brand-level site platform setting + its dedicated home in an SEO module settings page is future work — not built in this effort. Supported targets: Tailwind · Bootstrap 5 · Plain semantic HTML · WordPress/Gutenberg.
What changes vs today
Typographic hierarchy — section headings render at true H2/H3 size; in-body H3s, tables, lists and callouts get real styling so the editor previews the page (subtle, not literal full-size).
Bigger editing font — body bumps from ~13px to ~16.5px for comfortable writing/editing.
Richness control — per-page Minimal / Balanced / Rich; feeds the AI write prompt (content sections + service blocks) to dial how many tables/lists/callouts/emphasis appear. HTML/structural elements only — not copy length.
Library-targeted HTML export — new deterministic renderer turns your semantic content into the brand library's markup (Tailwind / Bootstrap / semantic / Gutenberg). Editor stays clean; classes are applied at export.