Sitegeist: Design System & CSS Inspector

Sitegeist reveals the spirit of any website: its design system, content, and tech stack, in one popup. Everything runs locally in your browser. No accounts, no servers, no data collection. TECH OVERVIEW Domain, description, verified sitemap (robots.txt aware), detected frameworks and CSS tooling, hosting hints, analytics and ad pixels, structured data types, an SEO health checklist with expandable explanations, and page stats. TYPOGRAPHY The fonts actually loaded on the page (weights, variable and italic flags, Google Fonts badge) and an h1-to-p hierarchy breakdown with live previews rendered in the site's own fonts. COLORS The palette grouped by hue with usage counts and the elements using each color, gradients with live swatches, and WCAG AA/AAA contrast checks on real text/background pairs. BUTTONS Every distinct button style, deduplicated with counts and rendered live, including ghost and glass styles, with hover/focus/active states read from the site's stylesheets. SPACING Real breakpoints from media queries, an inferred spacing scale with grid-base detection, radius tokens, and shadow tokens with live previews. ASSETS Page images in a grid with one-click and batch download. CONTENT & VOICE Reader-view article extraction (copy as Markdown or text), plus a voice profile: point of view, sentence length, reading grade, and a prompt-ready style guide for writers. TOOLS Hover-to-inspect any element (click copies its complete authored CSS, shift-click adds the HTML), a native eyedropper, design token export (CSS variables, Tailwind config, or JSON), full-page screenshot capture, hard refresh, and a side panel mode. PRIVATE BY DESIGN Analysis happens on your device. Nothing is transmitted, tracked, or stored remotely. Free.