Company Styleguide {API}

Extract a website's styleguide in seconds with our styleguide API including colors, typography, spacing, shadows, and UI components.

Extract complete design systems from any website. Get colors, typography, spacing, and component styles in structured JSON.

No credit card required
View Documentation
Passionfroot logo
Daydream logo
Kovai logo
Orange logo
SendX logo
Klarna logo
Super.com logo
Passionfroot logo
Daydream logo
Kovai logo
Orange logo
SendX logo
Klarna logo
Super.com logo
Passionfroot logo
Daydream logo
Kovai logo
Orange logo
SendX logo
Klarna logo
Super.com logo
Passionfroot logo
Daydream logo
Kovai logo
Orange logo
SendX logo
Klarna logo
Super.com logo

What You Get

Each API call returns a complete design system extracted from the target website.

Color palette

Primary, secondary, background, and text colors

Typography system

Fonts, sizes, weights, and line heights

Spacing scale

XS to XL spacing values

Component styles

Buttons, cards, shadows, and borders

How It Works

We analyze the website's CSS and visual elements to build a structured design system.

— step 01

Pass a domain

Like stripe.com or any company website

— step 02

We analyze the site

CSS, inline styles, and component patterns extracted

— step 03

Design system built

Colors, typography, spacing, and components organized

— step 04

JSON returned

Complete styleguide ready for your UI

API Response

Extracted design system for stripe.com

GET /v1/styleguide?domain=stripe.com
{
  "status": "ok",
  "styleguide": {
    "colors": {
      "primary": "#635bff",
      "background": "#ffffff",
      "text": "#0a2540"
    },
    "typography": {
      "h1": { "fontFamily": "Inter", "fontSize": "48px" },
      "body": { "fontFamily": "Inter", "fontSize": "16px" }
    },
    "spacing": { "sm": "8px", "md": "16px", "lg": "24px" }
  },
  "code": 200
}

Context at scale

Join 5,000+ businesses using Context.dev to enrich their products with structured web data.