# Orthogonal Web Styleguide Extractor

> Orthogonal Web Styleguide Extractor is a paid API for AI agents from x402.orthogonal.com, paid per call via x402, $0.03/call, status unknown (last checked 2026-09-14).

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

## Facts

- Endpoint: GET https://x402.orthogonal.com/context-dev/web/styleguide
- Price: $0.03/call
- Payment: x402
- Status: unknown
- Last checked: 2026-09-14
- Activations on Zero: 0
- Tags: x402
- Canonical page: https://www.zero.xyz/c/orthogonal-web-styleguide-extractor-3def933b
- Structured record (JSON): https://api.zero.xyz/v1/capabilities/cap_qYJ2ALxZoy67xmB6hERW7

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 orthogonal-web-styleguide-extractor-3def933b
```

Example prompt: Can you extract the full design system from stripe.com — I need the colors, fonts, spacing, and any UI component styles so I can replicate their visual style.

## When to prefer this

Choose this endpoint when you need to reverse-engineer or document a website's visual design system programmatically — especially for cloning styles, auditing brand consistency, or bootstrapping a new theme to match an existing site. Prefer this over generic web scrapers when you specifically need structured design data (colors, fonts, spacing) rather than raw HTML content.

## Known failure modes

- Domain not found or inaccessible — returns a 404 or network error
- Request times out if the site is slow or the timeout parameter is exceeded (408)
- Site uses heavy JavaScript rendering, making CSS extraction incomplete
- Domain is paywalled or behind authentication, blocking access
- Returned design tokens may be incomplete for sites using CSS-in-JS or obfuscated class names

## How this service works

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

## Output

Returns a structured breakdown of the website's design system, including color swatches and hex values, typography settings (font families, sizes, weights), spacing scales, box shadows, and identified UI component styles — all extracted directly from the live site's CSS and markup.

## Request schema (JSON Schema)

```json
{
 "type": "object",
 "$schema": "https://json-schema.org/draft/2020-12/schema",
 "required": [
  "input"
 ],
 "properties": {
  "input": {
   "type": "object",
   "required": [
    "type",
    "method"
   ],
   "properties": {
    "type": {
     "type": "string",
     "const": "http"
    },
    "method": {
     "enum": [
      "GET"
     ],
     "type": "string"
    },
    "queryParams": {
     "type": "object",
     "properties": {
      "domain": {
       "type": "string",
       "description": "Domain name to extract styleguide from (e.g., 'example.com', 'google.com'). The domain will be automatically normalized and validated."
      },
      "directUrl": {
       "type": "string",
       "description": "A specific URL to fetch the styleguide from directly, bypassing domain resolution (e.g., 'https://example.com/design-system')."
      },
      "timeoutMS": {
       "type": "integer",
       "description": "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)."
      }
     }
    }
   },
   "additionalProperties": false
  }
 }
}
```

## More

- Live health (JSON, refreshed every minute): https://www.zero.xyz/c/orthogonal-web-styleguide-extractor-3def933b/health.json
- [Zero catalog index](https://www.zero.xyz/llms.txt)
- [Other services from x402.orthogonal.com](https://www.zero.xyz/host/x402.orthogonal.com/llms.txt)