Skip to main content
Styleguide reads a website’s visual properties to help you build a theme or review an existing design. Send exactly one of domain or directUrl.

Extract a styleguide

Use the result

Extracted values need review: check contrast, responsive typography, and interactive states before using them as a design system.

Options

Use directUrl=https://example.com/pricing to inspect a specific page. colorScheme=dark emulates dark mode; light and dark results are cached separately. maxAgeMs defaults to three months (90 days, 7,776,000,000 ms), is clamped to 0–1 year, and 0 refreshes. timeoutOpts and tags use the shared deadline and usage behavior. Pass policies as comma-separated access policy IDs; a URL must pass every policy. The response’s finalDOMState is loaded, or still-loading when capture ended before the page finished loading. With ZDR access, add zdr=enabled to suppress application logs, request-log entries, and exported traces. Cached styleguides and hosted assets can still be read and saved. Confirm X-Context-ZDR: true; cache metadata may still report a hit. See Brand and Styleguide retention.

Fonts

Fonts come back in the same response. Join typography family names to fontLinks entries to find available files. A missing file URL can mean the font could not be resolved. Verify its license before shipping font files in your application. Access failures return target-specific error codes. A 403 can indicate missing key permissions or ZDR entitlement. See the Styleguide reference.