Real Brand Kit

Capture a website's visual system — colours, type, spacing, and assets — locally.

real brand kit turns the visible design language of a webpage into a clean brand-kit snapshot. Open the side panel, press Scan, and review colours, typography, spacing, radii, shadows, and visible assets. Save a kit on your device and export CSS, JSON, or a printable brand board. This extension has one purpose: capture a website’s visual system for review and export. It does not track you, show ads, or upload page content. What real brand kit does • Scans visible styles after you press Scan • Groups colours, type styles, spacing, radii, and shadows • Discovers logos, icons, and other visible assets • Saves one local brand kit (IndexedDB) • Exports CSS custom properties, JSON tokens, and an HTML brand board What real brand kit does not do • No accounts or sign-in • No analytics, ads, or affiliate links • No full-site crawling or Figma sync • No font-file downloads or source-code cloning • No remote code or background network requests How to use 1. Install real brand kit 2. Open a webpage 3. Click the toolbar icon to open the side panel 4. Press Scan 5. Explore tokens, build a kit, and download an export Privacy Analysis is local. Kits stay on your device. See PRIVACY.md. Design UI follows Less text, more visual guidance. See DESIGN.md.