BrandGrab - Visual Inspector & Downloader

About

BrandGrab is the ultimate lightweight design companion that allows you to instantly inspect and extract brand assets from any website with a single click.

Whether you are a developer cloning a UI, a designer gathering inspiration, or a marketer needing quick brand guidelines, BrandGrab gives you x-ray vision into any webpage's CSS.

Core Features:

Real-Time DOM Inspector: Hover over any element on the page to instantly view its computed background color, text color, and typography.
Customizable Highlighting: Pick your preferred outline color (Indigo, Pink, Teal, Orange) so the inspector is always visible against any website background.
Global Palette Extraction: With one click, scrape the entire page to generate a clean, sorted list of every single HEX color used on the site.
Font Scraping: Instantly detect and list all typography families used across the page.
Developer Export: Export your grabbed palettes and fonts directly into developer-ready JSON files or CSS Variables (:root).
Privacy First: 100% local processing. No tracking, no external servers, and no data collection.
How to use: Simply click the extension icon, hit "Activate Inspector", and hover over any element on the screen. Press Escape at any time to cleanly exit.