Specimoly - CSS & Design Token Extractor

Extract colors, typography, spacing, shadows, gradients and assets from any page. Export as CSS, SCSS, Tailwind, JSON or Figma.

Specimoly turns any website into a clean, reusable design system in one click. Open the popup on any page and it instantly extracts the page's colors, typography, spacing, shadows, gradients and assets, then lets you copy or export them to your stack. Perfect for developers, designers and anyone who wants to inspect or reuse a site's styles. What it captures: - Colors, grouped by role (surface, text, button, border, gradient) with HEX, RGB, HSL and OKLCH values, one click to copy. - Typography: font families, weights and a full type scale (size, line height, letter spacing) with live previews. - Spacing: a normalized spacing scale plus the raw values, with usage counts. - Effects: box shadows, text shadows and border radii, previewed live. - Gradients: every linear, radial and conic gradient with its color stops. - Assets: logos, icons, images, SVGs and backgrounds, with one click and bulk download. Export anywhere: CSS variables, SCSS, Tailwind config, JSON or Figma tokens, generated and downloaded instantly. Built for privacy: Specimoly runs entirely on your device. It only reads the page you are on, only when you open it, and never sends your data anywhere. No account, no tracking. Light and dark themes, an eyedropper to grab any on-screen color, and fast single-pass scanning even on large pages.