← Docs/recipes
Recipe

Recipe: Landing-page A/B variant generator

Programmatically produce high-contrast landing-page variants from a single base template. Swap hero copy, CTA phrasing, and visual hierarchy in seconds — no designer bottleneck.

1

Define variants

Supply a JSON schema with headline, subtext, CTA, and hero-image slots. Each entry becomes one variant.

2

Render & snapshot

Meridian renders each variant headlessly and captures a full-height PNG via Puppeteer.

3

Compare & ship

Side-by-side previews with a shareable URL. Pick the winner and push the variant live.

Quick start

npx meridian recipe landing-ab-test \
  --base ./landing.html \
  --variants ./variants.json \
  --out ./previews/

Requires Meridian CLI v2.1+. See CLI reference for installation.