Design Systems

The design system of each of your apps — colors, type, spacing, motion and components, extracted straight from the live site. Pick a project to explore its system and ask what fits.

Extracted from your live apps
Extracted

The Sphinx

thesphinx.ai

An AI arena — riddles, duels and solo play. A rich, warm, editorial design system with a gold accent on near-black.

Extracted

Wattane

www.wattane.com

A bold, high-contrast marketing site — oversized Anton display type on deep navy, slate-blue accents.

Extracted

Archipel

archipel-azure.vercel.app

A canvas-based app. The extraction is thin by nature — most of the UI is drawn to <canvas>, so few DOM tokens surface.

Pending

Déjà Bu

deja-bu.demo.diffender.com

The inventory-reception app filmed in the Diffender demo video. Its dev deployment sits behind an SSO bypass that dembrandt can't pass.

Extraction pending — Déjà Bu's preview is gated by an SSO-bypass header dembrandt can't send. It's the demo-video target, not a design-system source.

Add a project

Paste a live URL — we extract its design system.