---
name: "xpay-brand-dev-brand-dev-extract-design-system-and-styleguide-from-website"
description: "Automatically extract comprehensive design system information from a brand’s website including colors, typography, spacing, shadows, and UI components."
version: "1.0.0"
price: "$0.06/call"
provider: "Brand.dev API"
---

# Brand Dev Extract Design System And Styleguide From Website

Automatically extract comprehensive design system information from a brand’s website including colors, typography, spacing, shadows, and UI components.

**Provider:** Brand.dev API
**Price:** $0.06/call
**Pricing model:** Flat rate per call

## When to Use

Use this tool when you need to automatically extract comprehensive design system information from a brand’s website including colors, typography, spacing, shadows, and ui components.. This is part of the Brand.dev API provider on xpay✦.

## MCP Connection

Connect to xpay✦ to access this tool (and 12+ others):

```json
{
  "mcpServers": {
    "xpay": {
      "url": "https://mcp.xpay.sh/mcp?key=YOUR_API_KEY"
    }
  }
}
```

For Claude Code:
```bash
claude mcp add --transport http xpay "https://mcp.xpay.sh/mcp?key=YOUR_API_KEY"
```

## How to Execute

Use the xpay✦ meta-tools to run this tool:

1. **`xpay_details`** — Get full input schema: `xpay_details("brand-dev/brand-dev_extract_design_system_and_styleguide_from_website")`
2. **`xpay_run`** — Execute: `xpay_run("brand-dev/brand-dev_extract_design_system_and_styleguide_from_website", { ...inputs })`

## Input Parameters

| Parameter | Type | Required | Description |
|-----------|------|----------|-------------|
| `timeoutMS` | integer | No | Optional timeout in milliseconds for the request. If the request takes longer than this value, it will be aborted with a 408 status code. Maximum allowed value is 300000ms (5 minutes). |
| `domain` | string | Yes | Domain name to extract styleguide from (e.g., 'example.com', 'google.com'). The domain will be automatically normalized and validated. |
| `prioritize` | string | No | Optional parameter to prioritize screenshot capture for styleguide extraction. If 'speed', optimizes for faster capture with basic quality. If 'quality', optimizes for higher quality with longer wait times. Defaults to 'quality' if not provided. |

## Pricing

- **Cost:** $0.06/call
- **Balance check:** Use `xpay_balance` to check remaining credits
- Get your API key at [xpay.tools](https://xpay.tools/account/settings/api-keys/) — $5 free credits included

## Related Skills

- [Brand.dev API (all tools)](https://xpay.tools/skills/brand-dev/SKILL.md) — 13 tools
- [Brand Dev Retrieve Brand Data By Domain](https://xpay.tools/skills/brand-dev/brand-dev-retrieve-brand-data-by-domain/SKILL.md) — $0.06/call
- [Brand Dev Retrieve Brand Data By Company Name](https://xpay.tools/skills/brand-dev/brand-dev-retrieve-brand-data-by-company-name/SKILL.md) — $0.06/call
- [Brand Dev Extract Fonts From Website](https://xpay.tools/skills/brand-dev/brand-dev-extract-fonts-from-website/SKILL.md) — $0.06/call
- [Brand Dev Identify Brand From Transaction Data](https://xpay.tools/skills/brand-dev/brand-dev-identify-brand-from-transaction-data/SKILL.md) — $0.06/call
- [Brand Dev Retrieve Naics Code For Any Brand](https://xpay.tools/skills/brand-dev/brand-dev-retrieve-naics-code-for-any-brand/SKILL.md) — $0.06/call

## Links

- Tool page: https://xpay.tools/brand-dev/brand-dev-extract-design-system-and-styleguide-from-website/
- Provider: https://xpay.tools/brand-dev/
- All tools: https://xpay.tools/explore