GET/web/styleguide

Scrape Styleguide

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

Context.dev·$0.03 per call

Example code

// Using @orth/sdk - The simplest way to call APIs
// Install: npm install @orth/sdk
import Orthogonal from "@orth/sdk";

const orthogonal = new Orthogonal({
  apiKey: process.env.ORTHOGONAL_API_KEY,
});

const output = await orthogonal.run({
  api: "context-dev",
  path: "/web/styleguide"
});

console.log(output);

Query parameters

domain

string

Domain name to extract styleguide from (e.g., 'example.com', 'google.com'). The domain will be automatically normalized and validated.

directUrl

string

A specific URL to fetch the styleguide from directly, bypassing domain resolution (e.g., 'https://example.com/design-system').

timeoutMS

integer

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).

Response

code

number

domain

string

status

string

styleguide.mode

string

styleguide.colors.text

string

styleguide.colors.accent

string

styleguide.colors.background

string

styleguide.shadows.lg

string

styleguide.shadows.md

string

styleguide.shadows.sm

string

styleguide.shadows.xl

string

styleguide.shadows.inner

string

styleguide.fontLinks.Oxygen.type

string

styleguide.fontLinks.Oxygen.files.300

string

styleguide.fontLinks.Oxygen.files.400

string

styleguide.fontLinks.Oxygen.files.700

string

styleguide.fontLinks.Oxygen.category

string

styleguide.fontLinks.Roboto.type

string

styleguide.fontLinks.Roboto.files.100

string

styleguide.fontLinks.Roboto.files.200

string

styleguide.fontLinks.Roboto.files.300

string

styleguide.fontLinks.Roboto.files.400

string

styleguide.fontLinks.Roboto.files.500

string

styleguide.fontLinks.Roboto.files.600

string

styleguide.fontLinks.Roboto.files.700

string

styleguide.fontLinks.Roboto.files.800

string

styleguide.fontLinks.Roboto.files.900

string

styleguide.fontLinks.Roboto.category

string

styleguide.fontLinks.Ubuntu.type

string

styleguide.fontLinks.Ubuntu.files.300

string

styleguide.fontLinks.Ubuntu.files.400

string

styleguide.fontLinks.Ubuntu.files.500

string

styleguide.fontLinks.Ubuntu.files.700

string

styleguide.fontLinks.Ubuntu.category

string

styleguide.fontLinks.Cantarell.type

string

styleguide.fontLinks.Cantarell.files.400

string

styleguide.fontLinks.Cantarell.files.700

string

styleguide.fontLinks.Cantarell.category

string

styleguide.fontLinks.Open Sans.type

string

styleguide.fontLinks.Open Sans.files.300

string

styleguide.fontLinks.Open Sans.files.400

string

styleguide.fontLinks.Open Sans.files.500

string

styleguide.fontLinks.Open Sans.files.600

string

styleguide.fontLinks.Open Sans.files.700

string

styleguide.fontLinks.Open Sans.files.800

string

styleguide.fontLinks.Open Sans.category

string

styleguide.components.card.css

string

styleguide.components.card.padding

string

styleguide.components.card.boxShadow

string

styleguide.components.card.textColor

string

styleguide.components.card.borderColor

string

styleguide.components.card.borderStyle

string

styleguide.components.card.borderWidth

string

styleguide.components.card.borderRadius

string

styleguide.components.card.backgroundColor

string

styleguide.components.button.link.css

string

styleguide.components.button.link.color

string

styleguide.components.button.link.padding

string

styleguide.components.button.link.fontSize

string

styleguide.components.button.link.minWidth

string