Paste a URL. The Designelier agent reads your page—its copy, features, and tone—and designs a coordinated pack around it: transparent hero art, section illustrations, decorative elements, and motion-ready layers. Use it in the web app, through the REST API, or from Codex and Claude over hosted MCP—all on the same credit balance.
The page chooses the style—not the other way around.
Designelier is its own first customer. The hero pack above and the four animated figures below were generated for designelier.com—each a complete product story in a different visual language, delivered as a base plate plus one moving layer that this page animates with plain CSS.
02
Launch · Modern 3D
A rocket takes off.
Generated for a launch section as two coordinated layers: a grounded launch-platform plate and one polished rocket that rises through its opening. The full object moves; the base stays put.
Emerges, holds, launches, resets behind the platform.
03
Search · Editorial ink
A magnifying glass scans one document.
Generated for a search feature: a fixed risograph document plate and one complete magnifying glass that travels across it and returns along the same line.
One physical scan. No duplicate lens or reveal overlay.
04
Delivery · Cut paper
A paper plane crosses one landscape.
Generated for a delivery story: one folded paper plane follows a smooth forward route through a landscape plate cut from the same paper and light.
The complete plane follows one uninterrupted flight path.
05
Connectivity · Neon pixel art
A satellite circles its planet.
Generated for a connectivity section: a neon planet plate and one complete grid-built satellite that follows the exact pixel orbit already drawn around it.
One closed orbit with identical first and last frames.
One pack for the whole page
Give any website a visual world of its own.
A lone hero image fights the rest of the page. Designelier designs the hero, section art, decorations, and social artwork together—one visual language across every scroll, and no other site has it.
Founders
Out-illustrate your template
Keep the framework your page is built on—just stop looking like it. One pack covers hero to social for less than an hour of custom illustration.
Agencies & studios
A world per client
Give every client site its own coordinated artwork without booking an illustrator per project. Three real directions make sign-off fast.
Coding agents
Artwork your agent installs
Your coding agent builds the page. Through the MCP it can request the matching pack, save the files, and wire them in—same project, same credits.
From URL to installed artwork
Point the agent at your page.
01
Hand it your page
Paste a public URL, or describe the product if it is not live yet. Add DESIGN.md when you have one.
02
Compare real directions
The agent proposes three actual artwork directions built around your product story—not a list of style words.
03
Choose placements
Accept the suggested hero, section, decoration, and social placements or edit the asset list.
04
Generate and install
Download transparent files in the web app, call the REST API, or let the hosted MCP run the same workflow from your coding agent.
One agent, three ways to run it
Generate by hand—or hand it to your agent.
One project, one credit balance, and versioned files—however you choose to work.
A coordinated artwork pack for one website: hero illustrations, section art, decorative elements, background motifs, social artwork, and optional motion-ready layers—designed together so they match each other and the page they are made for.
How does the artwork match my site?
The agent reads the page you point it at—its copy, features, and tone—and builds each direction around your actual product story instead of a generic style prompt. Every asset is proposed for a specific placement on that page.
Is this a website builder?
No. Designelier works with the website and visual system you already have. It creates the artwork layer that templates usually cannot provide.
What does one credit buy?
One delivered static or animated scene costs one credit. Analysis, downloads, failed jobs, and automatic quality-control retries are free.
Do credits expire?
Purchased credits do not expire. Free promotional credits may expire later, but the launch free credits are there to let you evaluate the result first.
What happens if generation fails?
Failed jobs and automatic quality-control retries do not consume credits. Credits are for usable output.
What does the MCP do?
It lets supported coding agents use the same Designelier API to request, download, and install assets in a project. The MCP is the interface; the API does the generation.
Can I use the artwork commercially?
Paid outputs include commercial usage rights, subject to the published terms and responsible-use policy.
Can I start with only a written description?
Yes. A public URL provides richer context, but a clear product description is enough to begin.
