Extract any website's complete design system — colors, fonts, shadows, gradients — and export as JSON, CSS, SCSS, or Tailwind config.
Install from Chrome Web StoreFull palette sorted by frequency. Background, text, and border colors separated. WCAG contrast checker built in.
Font families with live preview, complete type scale, weight inventory, line heights, and external font source detection.
Gradients, box shadows, border radii, and all CSS custom properties extracted from :root.
JSON, CSS Variables, SCSS, or Tailwind config. Syntax-highlighted preview with one-click copy.
Runs only when you click. Zero data collection, no analytics, no external requests. Everything stays in your browser.
Dark and light mode with system preference detection. Six accent colors to personalize the extension.