How to Extract Brand Guidelines with Claude

Extract brand guidelines from any website with Claude and ToolRouter. Generate style guides from live sites.

Tool
Brand Extract icon
Brand Extract

Claude generates brand guidelines from a live website through an interactive analysis session. After extracting colors, fonts, and layout patterns, ask Claude to organize the findings into a style guide structure, add usage recommendations, or compare the extracted guidelines against formal brand standards you already have.

Connect ToolRouter to Claude

1Go to Settings → Connectors → Add custom connector
2Enter the details below and click Add
Name
ToolRouter
URL
https://api.toolrouter.com/mcp
3Done — works on Claude chat, desktop, and mobile

Steps

Once connected (see setup above), use the Brand Extract tool:

  1. Ask Claude: "Extract brand guidelines from clientsite.com using the brand-extract tool"
  2. Claude scans the site and returns a structured breakdown of all brand elements
  3. Ask: "Format this as a brand guidelines document with sections for color, typography, and usage"
  4. Claude generates a comprehensive mini style guide ready for sharing

Example Prompt

Try this with Claude using the Brand Extract tool
Extract brand guidelines from clientsite.com. Format the results as a brand style guide with color palette, typography, and usage rules.

Tips

  • Claude can generate the style guide in markdown for easy sharing and version control
  • Ask it to include do/don't recommendations based on the extracted patterns
  • Scan multiple pages (homepage, about, product) for a more complete picture