Color Palette
Extract every color with HEX, RGB & HSL values. Rendered via headless browser for accuracy.
Extract colors, fonts, assets, design tokens, tech stack, visual audits, content strategy and SEO metadata from any website — instantly.
800+ designers & devs · already shipping with BrandScan
Palette
Stack signal
Next.js
Audit notes
Strong hierarchy, restrained palette, clear CTA contrast, optimized metadata structure.
Recently analyzed
Dashboard preview
A compact report for design systems, engineering discovery, competitive research, and SEO audits.
Design Maturity
Brand Colors
5 swatchesTypography
Clean SaaS scale, balanced body copy, strong heading hierarchy.
Detected Stack
Live numbers
Every counter below reflects actual BrandScan activity — the totals refresh every 30 seconds and tick up the moment a new scan completes. No vanity, no inflation, just the live state of the platform.
800+
Designers & Devs
2,300+
Websites Analyzed
100%
Free to Use
11
Analysis Modules
Feature grid
Extract every color with HEX, RGB & HSL values. Rendered via headless browser for accuracy.
Detect fonts, weights, sizes and line heights. Identify Google Fonts and custom typefaces.
Extract all images, logos, SVGs and icons with previews, dimensions and download links.
Accessibility checks, design consistency, CTA visibility and conversion analysis.
Identify frameworks, CMS, CSS libraries, analytics, hosting and icon libraries.
Analyse hero copy, CTAs, trust signals, tone of voice and conversion patterns.
A companion plugin that doesn't just import — it understands, cleans, completes, and applies tokens the way Figma should have shipped them.
Import any format
JSON · CSS Variables · DTCG · BrandSDK · paste raw
Validate & normalize
Semantic naming · dedup · scale detection · auto-rename
Complete the system
Tints 50→950 · neutral ramps · type, spacing, radius scales
Light / Dark, role-aware
Backgrounds flip · text inverts · brand keeps its hue