# Context.dev Styleguide Extractor

> Context.dev Styleguide Extractor is a paid API for AI agents from Context.dev at mpp.orthogonal.com, paid per call via MPP, $0.03/call, status unknown (last checked 2026-10-12).

Extracts a comprehensive design system from any website, including colors, typography, spacing, shadows, and UI components.

## Facts

- Endpoint: GET https://mpp.orthogonal.com/context-dev/web/styleguide?utm_source=zero.xyz
- Price: $0.03/call
- Payment: MPP
- Status: unknown
- Last checked: 2026-10-12
- Activations on Zero: 0
- Provider: Context.dev
- Docs: https://www.context.dev
- Website: https://www.context.dev
- Tags: scraping, brand, context, extraction, web, data
- Canonical page: https://www.zero.xyz/c/context-dev-styleguide-extractor-49c0de3d
- Structured record (JSON): https://api.zero.xyz/v1/capabilities/cap_hXqbRUTFDckOXQrnplyr_

Status and success rate cover calls made through Zero and Zero's own probes. Third-party monitors may report differently.

## How to call it through Zero

Zero handles the 402 payment challenge and records the run. With the Zero CLI installed (`npm i -g @zeroxyz/cli`):

```sh
zero fetch --capability context-dev-styleguide-extractor-49c0de3d
```

Example prompt: Can you pull the full design system from stripe.com — I need the color palette, typography, spacing, shadows, and any UI component styles they use?

## When to prefer this

Choose this endpoint when you need a comprehensive, structured snapshot of a website's visual design system — colors, fonts, spacing, and components — in a single call. It is ideal for design replication, brand analysis, competitive benchmarking, or onboarding to an existing design language. Prefer it over manually inspecting CSS or using a generic scraper when design-specific structured output is needed.

## Known failure modes

- Website blocks scraping bots (returns empty or partial results)
- Dynamic/SPA websites where styles are loaded via JavaScript may not be fully captured
- Private or login-gated websites that cannot be accessed without authentication
- Invalid or unreachable URL returns an error
- Websites using inline styles or CSS-in-JS may yield incomplete design token extraction

## How this service works

Extract a comprehensive design system from a website including colors, typography, spacing, shadows, and UI components.

## Output

Returns a structured design system object containing: extracted color palettes (primary, secondary, accent, neutral), typography details (font families, sizes, weights, line heights), spacing scale, box shadow definitions, and identified UI components with their visual properties. All values are typically expressed as CSS-compatible tokens.

## More

- Live health (JSON, refreshed every minute): https://www.zero.xyz/c/context-dev-styleguide-extractor-49c0de3d/health.json
- [Zero catalog index](https://www.zero.xyz/llms.txt)
- [Other services from mpp.orthogonal.com](https://www.zero.xyz/host/mpp.orthogonal.com/llms.txt)
