Design system extracted from your live app

Archipel

Tailwind CSS18 tokens

Thin extraction — Archipel renders most of its UI to a canvas, so dembrandt sees very few DOM-level tokens.

Color2

Semantic roles and the most-used colors detected across the live site.

primary

#94a3b8

low

#000000

The type scale, by role, exactly as it renders on the live site.

heading-1Inter20px (1.25rem)· 700heading-1

bodyInter14px (0.88rem)· 400body

uiInter14px (0.88rem)· 500ui

Detected scale · base ≈8px

4px×5

8px×2

16px×5

24px×2

32px×1

Corner radii observed across buttons, cards and inputs.

10px

14px

Transition durations and easing curves in use.

Durations

0.001s×18

Easing

ease

cubic-bezier(0.4, 0, 0.2, 1)

Interactive primitives, rebuilt from their extracted resting-state styles — not screenshots.

buttonhigh

Se connecter