---
title: ToolRouter — Agent Use Case Guide
description: Step-by-step guide for completing a task with a specific AI agent using ToolRouter.
url: https://toolrouter.com/tools/brand-extract/use-cases/extract-brand-colors-typography/openclaw
---
# How to Extract Brand Colors and Typography with OpenClaw

OpenClaw extracts brand colors and typography from multiple websites simultaneously, producing structured palettes with hex values, RGB codes, and font family stacks. The batch approach builds comprehensive design intelligence databases and outputs data formatted for import into design tools, style guides, or brand tracking systems.

## Setup

openclaw mcp add toolrouter -- npx -y toolrouter-mcp

## Steps

1. Connect ToolRouter to OpenClaw: openclaw mcp add toolrouter -- npx -y toolrouter-mcp
2. Ask OpenClaw: "Extract brand colors and typography from stripe.com"
3. OpenClaw scans the site and returns the complete color palette and font stack
4. Request: "Export these as design tokens in JSON format"
5. Use the structured output in your design system or build pipeline

## Example Prompt

```
Extract brand colors and typography from stripe.com. Export as JSON design tokens.
```

## Tips

- OpenClaw can batch-extract from multiple sites for comparative analysis
- Ask for structured JSON output for direct import into design tools
- Combine with visual element extraction for a complete brand asset inventory
