Powered by Chromium
Site Style Guide Extractor
Extract colors, fonts, logos, buttons, and design tokens from any public website using a real headless browser
How It Works
Step 1
Enter a Website URL
Paste the URL of any publicly accessible website — a competitor's site, design inspiration, or your own project.
Step 2
Browser-Accurate Extraction
Our server renders the page in a real browser (Playwright) to capture computed styles, dynamic CSS, and web fonts.
Step 3
Review Your Style Guide
Browse extracted colors, typography, logos, icons, and button styles organized into a clean visual reference.
Step 4
Export & Use
Copy CSS variables, download SVG icons and logos, or export the full palette as JSON design tokens.