Resemblio.Inspirado, no copiado.

Inspect-element is not a design system.

Resemblio extracts the colors, type, spacing, and component patterns from any live URL. Inspirado, no copiado. Code-bearing, ready for your LLM. 30 seconds.

URL in. Real design system out. 30 seconds.

Public launch in days. Opt-in list goes first.

What Resemblio sees, on five sites you know

#FFFFFF

surface

#F6F9FC

text

#0A2540

muted

#425466

accent

#635BFF

accent-2

#00D4FF

Accept payments today

One accent does the entire chromatic job.

Color system·Indigo punctuation on cool-white. The accent does the entire chromatic job.

Who it’s for

Building with Claude or Cursor?

Drop the tokens into your prompt. Watch the output stop looking generic.

Recreating a site’s bones for a new project?

Skip the eyedropper. Get the system that built it in seconds.

Auditing your own consistency?

Run Resemblio on your own site. See what your design system actually is, not what you think it is.

Where it came from

Resemblio started at an AI build day in Mexico City. The whole thing carries that DNA, Spanish-language design heritage in voice, palette, type. Built by Frank Jones and the team at OptSus.

We built this site the same way.

Every page on resemblio.com was extracted, framed, and rendered by an LLM operating on the design system pattern Resemblio enables for any URL. Inspirado, no copiado.

The receipts: one working day from approval to ship. Single operator. The traditional path is a designer plus a developer plus weeks of iteration - we did it in a day because the library handed us the design decisions already made.

What you get with Resemblio: access to hundreds of extracted design systems from real working sites. Pick the tokens, the components, the patterns that fit your brand and your audience. Skip the blank-page paralysis. Start from a system that already works.

cream

deep-blue

barragan-pink

ochre

terracotta

Built with the library

The palette: Mexican modernism

The library has dozens of warm-system precedents: Aesop with its terracotta-leaning earthtones, Olipop with its warm pastels, Glossier with its cream-and-accent restraint. Most tech brands default to cool blue. Resemblio comes from a Mexico City hackathon, so the palette nods to Luis Barragan’s pink-and-ochre architectural modernism instead of defaulting to the SaaS standard. Cream background, deep-blue type, one Barragan pink accent doing the chromatic work. Library access made the choice intentional, not arbitrary.

Questions

How is this different from existing design-token tools?

Most work inside-out from a brand library you already have. Resemblio works outside-in from any live URL, and the output is code-first: DTCG JSON, Tailwind config, Style Dictionary.

Will it copy a site’s brand?

No. Inspirado, no copiado. You get the actual colors, type, spacing, weights, and component styling. We strip only the wordmark, the logo, and any literal trademark marks. The brand stays with the original; the design system is yours to study, learn from, and build from.

When does the extraction service open?

The library is live now. Extractions open to the waitlist first, then publicly. No drip campaign.