---
title: ToolRouter — Use Case
description: Step-by-step guide for a real-world ToolRouter use case with agent-specific instructions.
url: https://toolrouter.com/tools/brand-extract/use-cases/extract-brand-colors-typography
---
# Extract Brand Colors and Typography from Websites

Every brand communicates through color and typography long before a visitor reads a single word. Extracting these elements accurately is essential for designers creating pitch decks, developers building white-label products, and marketers ensuring consistency across channels.

ToolRouter's extract_brand skill scans a website and returns the full color palette (primary, secondary, accent, and background colors) along with the complete typography stack including font families, weights, and sizes. It distinguishes between heading and body fonts, identifies web font providers, and maps colors to their usage context so you know which blue is the CTA button and which is the footer background.

This is invaluable for agencies onboarding new clients, design teams auditing brand consistency, and anyone who needs to work with an existing brand's visual system without digging through source code or waiting for a brand guide to arrive.

**Tool:** [Brand Extract](https://toolrouter.com/tools/brand-extract)
**Skills:** extract_brand

## Agent Guides

- [How to Extract Brand Colors and Typography with Claude](https://toolrouter.com/tools/brand-extract/use-cases/extract-brand-colors-typography/claude): Guide for Claude
- [How to Extract Brand Colors and Typography with ChatGPT](https://toolrouter.com/tools/brand-extract/use-cases/extract-brand-colors-typography/chatgpt): Guide for ChatGPT
- [How to Extract Brand Colors and Typography with Copilot](https://toolrouter.com/tools/brand-extract/use-cases/extract-brand-colors-typography/copilot): Guide for Copilot
- [How to Extract Brand Colors and Typography with OpenClaw](https://toolrouter.com/tools/brand-extract/use-cases/extract-brand-colors-typography/openclaw): Guide for OpenClaw
