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

[Get API Access](https://www.context.dev/signup) No credit card required

[View Documentation](https://docs.context.dev/api-reference/screenshot-styleguide/extract-design-system-and-styleguide-from-website)

## 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
}
```

## Ship an agent that actually knows things.

Free tier, 10-minute integration, and the same API powering agents at Mintlify, daily.dev, and Propane. No credit card to start.

[Get API Access](https://www.context.dev/signup) [Book a call](https://cal.com/context-dev/30min)