Capture a website's visual system — colours, type, spacing, and assets — locally.
Users
3
0 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#320K
#255K among extensions
Version
1.0.0
updated 11 Aug 2026
Users
monthly, 2 months
Latest, 17 Oct 2026:3 usersMove the mouse over the chart for any month
Ratings count
monthly, 2 months
Latest, 17 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Real Brand Kit
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.