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
Daydream logo
Passionfroot logo
Klarna logo
Super.com logo
Orange logo
SendX logo
Kovai logo
Daydream logo
Passionfroot logo
Klarna logo
Super.com logo
Orange logo
SendX logo
Kovai 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

  1. 01

    Pass a domain

    Like stripe.com or any company website

  2. 02

    We analyze the site

    CSS, inline styles, and component patterns extracted

  3. 03

    Design system built

    Colors, typography, spacing, and components organized

  4. 04

    JSON returned

    Complete styleguide ready for your UI

API Response

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
}

Personalize at scale

Join 4,000+ businesses using Brand.dev to personalize their products.

Company Styleguide API - Extract Complete Design Systems | Brand.dev