Transform content you already have into a review-ready pre-sale page, then finish it as convert-ready HTML. Bring the words — the workflow builds the page on proven conversion-oriented design, fills it with your content, styles it to your brand, and hands you the file.

Three pre-sale types are supported:

• Advertorial — story/editorial presell about one product (problem → turning point → outcome).

• Listicle — an "N reasons / best-of" numbered article about one product.

• Comparison — product vs. alternatives, ranked or weighed side by side.

What it does

• Generates from conversion design knowledge. The layout is distilled from real high-converting pre-sale pages — advertorials, listicles, and comparisons — studied and generalized into neutral wireframes, then matched to your content's structure and flow.

• Fills it with your words. Real facts, prices, and quotes map into the sections; gaps are written to match your tone. Missing hard facts (a rating, a guarantee) become clear [insert …] placeholders — never invented.

• Applies your brand. Colors and fonts, set once per store or read from your website.

• Re-skins on request. Describe a look and it restyles while keeping the layout and structure intact.

• Delivers convert-ready HTML — review it, share a link, and turn it into an editable GemPages page.

How to use it

1. Build the page — give it your content.

"Use GemPages MCP. Here's my advertorial content, gen me a landing page I can review." (paste content)

You'll pick a store and set brand colors/fonts (once)

2. Style it — direct the look; keep it simple or detailed.

"Apply a premium-beauty editorial style: neutral UI, oversized photography, editorial typography, generous whitespace, quiet commerce. Font: Helvetica. Accent: #BB7963. H1 48px desktop / 32px mobile, H2 32/24, body 16px. Subtle borders, minimal corner radius, soft fade-in on scroll. Don't change the layout or structure — restyle only."

Include what you care about: font, accent hex, design language (a few keywords ("neutral UI + editorial + whitespace") or a reference URL). Correct freely: "headline too big — cap H1 at 48px," "tighten section spacing," "use my color from [site]."

3. Convert — when the look is right.

"Convert it to an editable GemPages page."

It's rebuilt into native GemPages blocks as a draft for you to review and publish.

Good to know

• Convert-ready = self-contained HTML; converting rebuilds layout and content into native blocks.

• Styling on convert: brand colors carry; heavy re-skin CSS may need a touch-up in GemPages.

• Placeholders: fill [insert …] markers with your real values and they drop in.

• Images: photos arrive as sized placeholders — swap in real product shots during the build.

Quick start (all-in-one)

"Here's my content (paste). Build a review page for store <name>. My brand: accent #BB7963, Helvetica type, neutral editorial style with generous whitespace — apply it, keep the layout. Then give me a review link; I'll say when to convert."