SiteBlueprint: CSS, SVG & SEO Page Inspector

About

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.