Skip to content
99ersstudio
Showcase/current motion kit proof

This is what the kit changes.

Claude or Codex can absolutely help build a page like this. What they cannot do on their own is bring our current motion vocabulary, performance posture, brand registers, and shipping memory into the room. The noticeable difference is not “AI versus no AI”. It is system versus one-off output.

The short version

The model is the multiplier. The kit is the memory.

Live recipe language
Why this page reads differently

The kit gives the page a point of view before the prompt even starts.

These are not abstract promises. They are the practical layers that let us move from “can the model imitate this?” to “can we ship this repeatedly without it falling apart?”

Differentiator

Reusable motion vocabulary

The kit already knows what a hero reveal, proof strip, navigation transition, brand mark, or 3D stage means. We are composing from a library, not inventing a naming scheme during the build.

Differentiator

Production posture, not demo posture

Recipes carry performance tiers, delivery surfaces, and reduced-motion behavior. That changes how confidently we can move from screenshot-worthy to deployable.

Differentiator

Brand-aware composition

We can decide when motion should feel editorial, industrial, premium-dark, or launch-led because the kit gives us repeatable primitives instead of one-off effect fragments.

Differentiator

Memory that survives the prompt

The hard-won fixes stay in the kit: spacing rhythm, hover feel, cleanup hooks, fallback behavior, and the exact parts that broke the last time we tried something ambitious.

0
current recipes

A real inventory across text, scroll, image, SVG, interaction, brand, composite, and 3D lanes.

0
recipe categories

The model is choosing from a named system, not improvising effects from scratch on every page.

0
adapter surfaces

One motion language that can land in no-build HTML, WordPress, React, Vue, Solid, and Svelte flows.

0KB
ES gzip target

Small enough to ship repeatedly, not just admire in an isolated hero experiment.

With the kit vs prompt only

The real difference is repeatability.

A strong model can generate impressive one-off code. Our kit is what makes the result coherent, calmer under constraints, and reusable on the next brief without re-learning the same lessons.

With our current kit

The model is operating inside a real system.

Recipes are already named. Delivery surfaces are already bounded. Motion can be selected for tone, performance, and host context instead of being improvised from visual reference alone.

Claude or Codex without the kit

The model is solving the same motion problem from zero again.

It may still produce something good. But the recipe choices, fallback behavior, cleanup posture, and naming discipline are not being inherited from a reusable house system unless the kit is present.

Starting point
With kit

We start from a proven recipe map with known roles, performance tiers, and delivery limits.

Model alone

A model can draft a fresh effect, but it starts from a blank slate and often re-invents the same layers differently each time.

Consistency
With kit

Reveal timing, counter behavior, brand interaction, and CTA motion all share the same visual grammar.

Model alone

Prompt-only output usually gets you islands of motion: individually flashy pieces that do not feel like one system.

Accessibility and fallback
With kit

Reduced-motion, cleanup, and calmer delivery paths are part of the implementation surface already.

Model alone

Those edges are easy to forget when the model is focused on reproducing the wow moment from a reference.

Repeatability
With kit

Once a pattern works, we can reuse it across services, case studies, WordPress exports, and future client builds.

Model alone

Even good one-off code tends to stay page-specific. The next build starts the learning cost again.

How we get there

The page is the output. The real asset is the system behind it.

01

Pick the register

Industrial, editorial, launch-led, or premium-dark. Motion starts with tone, not with effects.

02

Choose the recipe set

Safe, flagship, experimental, hero-only, or WordPress-safe. The kit narrows the surface before code is written.

03

Compose the section stack

Hero, proof, narrative, CTA, and page chrome all pull from the same motion vocabulary.

04

Validate the shipping posture

Performance, reduced-motion, and the real host surface matter as much as the visual first impression.

05

Reuse without drift

The next project does not start from zero. It starts from a kit that already remembers what worked.

The next-level gameplan

Turn the explanation surface into a routing surface.

The next move is not adding more adjectives. It is making this page route the right buyer into the right layer of the system: kit, builder, studio proof, or full client delivery.

Motion Kit

The recipe layer: named motion primitives with performance tiers, delivery paths, and fallback posture already defined.

Builder intelligence

The narrowing layer: segment-aware defaults, style studies, typography fit, and safer recipe selection before a page is assembled.

Studio proof

The translation layer: our own site proves that the system can hold brand voice, shipped work, and service detail in one visual language.

Client delivery

The paid-work layer: the same system ships as a real website engagement instead of staying a one-off internal experiment.

Decision rails

Where the kit starts to matter, and where the wider studio stack takes over.

Model only

Enough for quick concepting

Single hero ideas, copy experiments, rough layout exploration, and one-off references where consistency is not the product yet.

Kit required

Where the difference becomes visible

As soon as the page needs recurring motion grammar across hero, proof, CTA, navigation, and brand behavior, the kit stops the build from fragmenting.

Builder layer

When segment fit matters

If the question is not just style but which structure and motion register fit a restaurant, machinery B2B, clinic, or agency surface, the builder layer becomes the real leverage.

Studio scope

When it has to survive production

Real copy, real content hierarchy, CMS choices, performance posture, analytics, and stakeholder constraints are where the full studio workflow takes over.

Where this lands in paid work

Three concrete paths out of the proof page.

The page now explains the system. The next-level move is making the follow-up obvious: segment-first briefing, motion-led site build, or signature 3D brand surface.

Briefing lane

Segment-specific proof before a full build.

Best when the client needs to see how their business category should feel before a real sitemap or production scope gets locked. This is where the builder and the kit work together.

Best fit

Restaurants, fitness studios, machinery B2B, healthcare, agencies, SaaS, and other niche-first sales conversations.

Delivery lane

Motion-led web design that actually ships.

Best when the surface is no longer a concept and needs real content, scope, revisions, deployment, and a lead-time the client can say yes to.

Current service posture

Entry starts at €1,900. Signature motion + 3D currently sits at €8,000–€12,000.

Starter: 1 week. Pro: 3–5 weeks. Custom: 6–12 weeks. Enterprise: 12–24 weeks.

Signature lane

3D brand surfaces when the object is the differentiator.

Best when the brand mark itself should carry the premium feel, not just the page around it. That is where the motion system extends into GLB, material studies, and staged 3D proof.

Proof surface

The live 3D logo showcase demonstrates how the same motion language can move from 2D interaction and copy rhythm into 3D brand presentation.

The practical takeaway

AI helps us move faster. The kit is why the result still feels like us.

If you want a page that feels deliberate instead of merely generated, the work is not just in the prompt. It is in the motion vocabulary, the delivery constraints, the proof rails, and the brand decisions that have already been turned into reusable building blocks.