Brandalyzer

Automatically creates visual branding cards for websites by analyzing their design elements

AI-powered brand analysis tool that extracts colours, fonts, and design tone from any website with visual hierarchy recognition. If you're needing a what the font chrome extension or what colour chrome extension then this does both and more. Brandalyzer automatically creates professional branding cards for any website by analysing design elements using advanced AI vision technology. Key features include: Colour Extraction. - Identifies 2-4 representative brand colors with role labels (Primary, Secondary, Accent) - Uses AI vision to analyze visual prominence and hierarchy - Returns exact hex values from CSS for precision - Click any colour to copy hex value to clipboard - Filters out decorative and non-brand colours Font Detection - Discovers 2-4 primary typefaces with role labels (Heading, Body, UI) - Analyzes element hierarchy (h1 vs body text) - Tracks font sizes, weights, and usage frequency - Click any font name to copy to clipboard - Correctly identifies display vs content fonts AI-Powered Analysis - GPT-4o vision model analyses page screenshots - Contextual understanding of design hierarchy - Generates 3-word brand tone descriptors - 95%+ accuracy on heading and colour detection Easy Export - Download CSV with role-based columns - Perfect for brand audits and design documentation - Includes timestamps and metadata Privacy First - All processing happens locally in your browser - API key encrypted in Chrome storage - No data sent to external services except OpenAI - No usage tracking or analytics Perfect For: - Designers conducting brand audits - Developers building design systems - Marketing teams analysing competitors - Brand consultants documenting guidelines How it works: 1. Install extension and configure your OpenAI API key 2. Navigate to any website 3. Click the Brandalyzer icon 4. Get instant brand analysis with colour/font roles 5. Click any colour or font to copy to clipboard 6. Download CSV for documentation Requirements: - OpenAI API key (get one at platform.openai.com) - Chrome browser version 88+ - Active internet connection for AI analysis