SiteBlueprint: CSS, SVG & SEO Page Inspector

All-in-one website asset, typography, computed styles, and SEO metadata extractor.

SiteBlueprint is the all-in-one, completely FREE website design inspector. Extract styles, assets, and SEO metadata from any page in a single click. No paywalls. No daily limits. No account required. Ever. 🎨 COLOR PALETTE EXTRACTOR • Scrapes background & text colors across the entire DOM • Click any color to instantly copy its HEX code • Export as CSS Variables or a Tailwind config ✍️ TYPOGRAPHY & FONT INSPECTOR • Detect every unique font family loaded on the page • Map H1-H6 heading weights, sizes, and line-heights • Live Element Inspector: hover any element for an instant CSS breakdown 📁 MEDIA & ASSET DOWNLOADER • View all images, background images & inline SVGs in a gallery • Copy raw SVG code or download individual vector files • Download ALL assets as a single .zip — 100% offline 🔍 SEO & SOCIAL CARD AUDIT • Read Title, Meta Description, Open Graph & Twitter Cards • Live X (Twitter) & LinkedIn share card preview — see exactly how your page looks when shared • Full H1→H2→H3 document outline tree 📋 CLEAN TEXT EXTRACTOR • Strip all visible body text to clipboard in one click • Perfect for AI prompt workflows — paste directly into ChatGPT, Claude, or Gemini 🔒 100% LOCAL & PRIVATE • Zero external servers or API calls • Your browsing data never leaves your browser • No account, no signup, no tracking Perfect for: Frontend Developers, UI Designers, Growth Marketers, SEO Auditors, Copywriters, and Indie Founders.