
The two prompts MotionSites publishes openly, each a navbar and a hero, run about 650 words. A Thanor prompt runs from about 2,600 words for a single section to past 16,000 for a full page, and the longest come close to 100,000 characters. Those are lengths, not verdicts. A word count measures length and nothing else.
What it does tell you is how much room there is for decisions, and the decisions are the thing you are buying when you buy text. So here is what is actually inside the two files, block by block, which is a comparison none of the eleven prompt libraries we measured publishes about itself.
| MotionSites | Thanor | |
|---|---|---|
| A prompt you can read free | two heroes on its lesson pages, about 650 words each | Vesperion, a hero, about 2,700 words, free with an account |
| A full page runs | behind an account, length not published | past 16,000 words |
| Color | hex values | four to six hex values, a role named for each, the neutral's hue bias stated |
| Type | named faces and class strings | two faces, a scale in px, weights, line heights, letter-spacing, fallback stacks |
| Motion | specific timings | named curves as cubic-bezier, durations in ms, scroll-driven separated from triggered |
| Structure | a written build spec | nine fixed blocks, sections numbered and independently buildable |
| Preview | a looping video per item | a live preview per design, plus acceptance checks you run by eye |
| Inside your AI tool | an MCP server, three free prompts on a free account | the Thanor MCP, in every paid plan |
Every Thanor design runs as a live preview of what its prompt builds. Three of them, each with its values written down to the hex:
An emerald diver watch taken apart by the scroll; the ground is `#03120D`, and the file states that every dark leans green.
Open the prompt →A giant black BRISK over a looping pink clay ribbon on lilac, set in two named faces with every size written down.
Open the prompt →Glossy nails on hot pink, then sticky sections, with one curve, `cubic-bezier(.16, 1, .3, 1)`, for every transition.
Open the prompt →What is in a MotionSites prompt#
A written build spec, and a real one. Hex color values, exact class strings and specific animation timings rather than adjectives, which is more than most of this category writes down.
The catalog runs past 500 prompts by its own count. At the time of writing, prompt packs start at $49 for two prompts, three months cost $129, a year is $279 and lifetime is $399. Each item carries a looping video of the result, and the prompt references that video, which is why what comes out tends to resemble the preview you clicked on. Their published lessons are build-alongs and they are good at that format.
Three things follow from pairing every prompt with a video, and all three matter before you spend anything:
- You buy against evidence. You watch the result, then buy the text that produced something close to it, which removes the largest unknown in this category. Most sellers of written artifacts ask you to trust a description.
- The preview is a direction, not a deliverable. A video shows one run of one prompt in one tool, and changing the tool, the model version or the copy you feed it moves the output.
- The video URL is hard coded inside the prompt, so a site built straight from it serves that file from somebody else's storage. Swap it for your own asset before anything goes live.
The nine blocks#
A Thanor prompt has a fixed shape: a one-line concept, then nine numbered blocks. Every block is there because a design fails a particular way without it.
- Concept, one line, in a sentence a person would say out loud. Everything after it is constrained by it.
- Art direction. Four to six hex values with a named role each, and the neutral's hue bias stated explicitly.
- Typography. Two faces with the fallback stack written out, a scale of four or five sizes in px, the weight at each, line heights, letter-spacing.
- Layout and rhythm. The grid, the gutter, the page margins, and the vertical rhythm as a sequence of real numbers in the shape of
160 / 96 / 48. - Motion. Named curves with real values, durations in ms, what is driven continuously by scroll progress against what fires once, the entrance order with its delays, and what survives
prefers-reduced-motion. - Sections, numbered, each written so that section 4 can be built without having read section 3.
- Assets, as absolute URLs, with the instruction to use those exact URLs.
- The never list, specific to this design rather than generic taste advice.
- Acceptance, five or six checks a person can run by eye.
- Self-check, instructing the model to declare at the end anything it could not do and anywhere it deviated.

Two house rules carry most of the weight, and they are written into the format itself:
Exact values, never adjectives.
#0F1317not "deep charcoal".
A pure mid-gray is the single clearest tell of a generated design.
The never list is the block people underestimate. It bans, by name, the current cluster of generated-design defaults: purple-to-blue gradient heroes, near-black with one acid-green accent, emoji section markers, rounded cards with an accent rail, everything centered. Inter and Space Grotesk are forbidden as display faces, not because they are bad faces but because they are the default reach of every generated design of this period. The permitted display list is named in full: Archivo, Bricolage Grotesque, Instrument Sans, Familjen Grotesk, Schibsted Grotesk, Onest, Outfit, Figtree, Sora, Manrope, Be Vietnam Pro.
Every file passes an automatic gate before it enters the library. The gate fails a prompt for a copied class name, a BEM or id selector, a carried comment, a copied SVG path, a missing block, fewer than four colors, under 1,200 words, or motion described with no curve and no duration.
The number nobody agrees on#
Motion is where this gets interesting, because the published positions do not line up and most prompts avoid the problem by naming no number at all.
| Position | Duration guidance |
|---|---|
| Thanor's format | structural moves slower than feels natural, 600ms to 1200ms |
| Webflow's interactions guide | microinteractions 150ms to 300ms, UI transitions 300ms to 600ms, entrances 500ms to 800ms |
| Anthropic's frontend-design skill | non-user-triggered motion used sparingly and deliberately, one orchestrated moment over scattered effects |
Thanor sits at the slow end on structural moves, on the argument that a 1100ms reveal reads as expensive and a 300ms one reads as cheap. Webflow's free guide argues for speed, under a rule headed when in doubt, speed it up. Both positions are defensible and they are optimizing for different things: one for perceived responsiveness, one for perceived value.
Here is the part that matters to you either way. The failure mode is not picking the wrong duration. It is a prompt that names no duration at all, which leaves the model to pick, and the model picks the same 300ms fade and slide for everybody. You can disagree with a number. You cannot disagree with a blank.
The rule that survives either position: pick one duration per class of move, write it into the file beside its curve, and hold it across the whole page. Consistency reads as intent at any speed. Website animation effects lists a duration and a curve for each common move, if you want a starting set.
Who each one is for#
MotionSites is for somebody who wants a specific animated effect, today, from a catalog of more than 500, having watched it run before paying. That is a real want and a catalog is the right shape for it, and most of the free alternatives people reach for instead answer a different question.
Thanor is for somebody with a page that does not exist yet and no settled idea what it should look like. A gallery cannot answer that, because a gallery answers which of these and the question is what should this be.
| If you are | Take |
|---|---|
| Chasing an effect you have already watched run | MotionSites |
| Designing a page that does not exist yet | Thanor |
| Adding one band to a system you already have | either, used as a section brief |
There is one risk both formats share and it is worth naming: a prompt a thousand people buy produces a thousand sites that rhyme. It is the same convergence that makes generated pages look alike. The defense is the part of the file written against that specific design, the palette with its stated hue bias and the never list that rules out this season's defaults, which is exactly the part a short brief has no room for.
Open Vesperion and copy its prompt; it is free with an account, all nine blocks of it. Judge the format the way this page has judged everything else: by the number of decisions already made before you paste it. The rest of the library comes with a paid plan, listed on the pricing page.
Questions this raises
How long is a MotionSites prompt?
The two it publishes openly on its lesson pages, each a navbar and a hero section, run about 650 words. They are written as build specs with hex color values, exact class strings and specific animation timings. The catalog prompts sit behind an account, so their length is not published.
What is inside a Thanor prompt?
A one-line concept, then nine fixed blocks: art direction, typography, layout and rhythm, motion, numbered sections, assets, a never list, acceptance checks and a closing self-check. Files run from about 2,600 words for a single section to past 16,000 for a full page.
Does a longer prompt make a better website?
Not on its own. Length is a measurement of length. What matters is how many decisions are settled in the file, because every decision the file skips is one the model makes for you, and it makes it the same way for everybody.
How long should an entrance animation run?
The field does not agree. Webflow's guide puts microinteractions at 150 to 300ms and entrances at 500 to 800ms. Thanor sits at the slow end on structural moves, 600 to 1200ms, on the argument that a long move reads as expensive and a fast one reads as cheap.
Which one should I buy?
If you want a specific animated effect you have already seen running, MotionSites has a catalog of them. If you have a page that does not exist yet and no idea what it should look like, a catalog cannot help and a specification can.
Part of
Alternatives, measured
Every library in this category, taken apart one at a time. What each one contains, what it costs, what it leaves out, and what you still have to decide yourself.
