Clone the sitesyou admire.Make them yours.
A prompt has no taste. A reference does. Inoculate extracts the design system behind any site and hands it to your coding agent.
Public package coming soon · command available to preview
See the live transplant ↓TYPE SYSTEM
Söhne
COMPOSITION
asymmetry 0.72
MOTION
opacity · transform
REFUSALS
14 anti-defaults
AGENT HANDOFF
Scaffold and build contract ready
This page wearsany site's skin.
Pick a reference. The page takes on its real colour, type, and motion, extracted by inoculate clone.
- reference
- inoculate (origin)
- typeface
- Fraunces + Space Mono
- signature easing
- cubic-bezier(.22,1,.36,1)
- primary duration
- editorial
- corner radius
- 0px
- motion personality
- deliberate
# Clone Workflow: the reference Inoculate scraped the reference and built a complete Next.js scaffold for your agent. The hard part is done. ✅ Next.js + Tailwind v4 scaffold, section by section ✅ 10-12 sections extracted with specs + hover + state diffs ✅ Motion trace (animations, scroll trajectories, interactions) ✅ Colour tokens → globals.css with @theme inline ✅ Typeface, easing curves and radius recorded in design-mark.json → Start from design-mark.json, the source-derived intent.
The DesignMark.
A portable record of the decisions that make a reference feel authored. This is the context your coding agent builds from.
always · opacity · transform · color · border-color
never · background · border-radius · font-size · width · height
{
"reference": "stripe.com",
"composition": {
"asymmetry": 0.72,
"pacing": "chaptered"
},
"motion": {
"always": ["opacity", "transform"],
"never": ["width", "height", "font-size"]
},
"antiDefaults": [
"true black, not stock slate",
"4px / 6px geometry, not soft cards"
]
}Tokens
Colour semantics, type scale, spacing and geometry.
Composition
Density, asymmetry, hierarchy and section pacing.
Refusals
The generic defaults that would erase the reference.
Motion
A precise vocabulary of properties, curves and durations.
We built thisby running it onitself.
We pointed Inoculate at stripe.com, took its Design Mark, and rebranded it into what you're reading. A transplant, not a copy.
- 12
- section specs
- 27
- assets pulled
- 171
- research files
- inoculate v0.2.0
- the version that ran