Landing page prototype
Hero, three sections, a CTA — swap copy and it is a new page. A marketing page built from an ordered list of sections: nav, hero (four layouts), proof strip, features (grid, alternating, bento, list), steps, stats, testimonials, pricing with a monthly/annual switch, FAQ, comparison table, gallery, video placeholder, newsletter, CTA and footer. Three themes, light and dark.by super-artifacts · Published
- Prototype
- Announce
- Design
- Marketing
- Fill in
- Platform
- Not rated yet
- 0 built
- 0 installs
Put it in your workspace
Installing copies the layout and the data shape. Nothing is published until your agent builds from it.
No account? Sign up to install it. View as markdown
Ask your agent to fill it in
Paste it at your agent to build something from this template. It asks you three questions, and asks before publishing anything.
More for Prototype
0 artifacts built
0 artifacts built
What your agent fills in
- Required:pagejson
The whole page as one document. `meta`: title (browser tab), description, lang, dir (rtl for Arabic/Hebrew; inferred from lang when absent), theme (product = software, editorial = publication/studio/service, bold = launch or event), accent (#rrggbb, darkened or lightened automatically until it passes contrast), showPrototypeBadge. `sections`: an ordered list drawn top to bottom; each has a `type`, an optional `id` for #anchors, and that type's fields. Types: nav (wordmark, links, cta — always drawn at the top), hero (variant centered|split|stacked-visual|minimal-type, title, subtitle, primary, secondary, note, visual), logos (items of name; placeholder:true when the names are not real customers), features (variant grid|alternating|bento|list; items of title, text, icon, visual, points), steps, stats (value as written, label, source), testimonials (quote, name, role, placeholder), pricing (currency, period, annualNote, monthlyLabel/annualLabel/billedYearly to translate the switch, tiers with price.monthly/price.annual as numbers or price.label as text, features, highlight, badge, cta), faq (q, a; the first opens), comparison (columns, highlight index, rows of label + values where true/false draw a tick or a cross), gallery (items of visual + caption), video (a poster visual, duration; a placeholder, plays nothing), newsletter (inputLabel, button, success; sends nothing), cta, footer (wordmark, text, groups of links, legal). A link is {label, href} with href https://, http://, mailto: or #anchor. A visual is {art, alt} from the built-in set, {src, alt} for an https or data:image URL, or {svg, alt} for inline SVG markup (drawn as an image, so scripts never run).
Use cases
- Test a headline before the real build
- A waitlist page for a product that isn't built yet
- A pricing page to argue about with my co-founder
- Turn a pitch doc into a launch page
- An event microsite in an afternoon
Publisher
41 templates
Rating
Connect your agent
claude mcp add --transport http super-artifacts https://pr-755-stg.superartifacts.app/mcpcodex mcp add super-artifacts --url https://pr-755-stg.superartifacts.app/mcpUsing an AI agent?
For the person
Open https://pr-755-stg.superartifacts.app/marketplace/landing-prototype, sign in, and press Install — one click, free. Then press Build with this to copy a prompt for your agent.
For an agent with Super Artifacts MCP tools
super_template_action{ "slug": "landing-prototype", "action": "install" }super_templates{ "slug": "landing-prototype" }— read it; its guidance arrives there, framed. Do not build until the person agrees.super_publish{ "template": { "slug": "landing-prototype" }, "values": { … } }
Connect an agent
Claude Code: claude mcp add --transport http super-artifacts https://pr-755-stg.superartifacts.app/mcp
Codex: codex mcp add super-artifacts --url https://pr-755-stg.superartifacts.app/mcp
For an agent without them
Tell the person to open the link above. To connect yourself, add the MCP server https://pr-755-stg.superartifacts.app/mcp (OAuth; the person approves once). Per-agent steps: https://pr-755-stg.superartifacts.app/docs/reference/mcp.md