Company Styleguide {API}
Extract a website's styleguide in seconds with our styleguide API including colors, typography, spacing, shadows, and UI components.
The BrandDev Styleguide API is a first-of-its-kind API that programmatically extracts design system information from any website. Whether you're personalizing UIs, building white-label features, or automating demo theming, you now have instant access to a brand's visual DNA.
Just pass a domain to the API. You'll get a structured JSON response with the site's core design elements, ready to use in your UI, emails, or product logic.
What's Included
Comprehensive design system extraction with detailed component analysis.
What you get from each API call:
Color Palette
Detects primary, secondary, background, and text colors from CSS and inline styles.
Typography System
Extracts font families, sizes, weights, line heights, and letter spacing for headings (H1–H4) and paragraph text.
Spacing Scale
Identifies standardized spacing values (e.g., XS to XL) used across the site layout.
Shadow System
Captures box-shadow styles ranging from subtle elevation to bold effects.
Component Styles
Returns detailed styles for common UI elements like buttons (primary, secondary, link) and cards, including background, border, padding, font, and more.
Structured JSON Response
Clean, parseable design system data ready for immediate use.
Instant access to a brand's visual DNA for seamless integration into your applications.
How It Works
Extract complete design systems with a single API call
Pass a domain to the API
Our engine analyzes CSS, inline styles, and component patterns to extract the complete design system
You get a structured JSON response with the site's core design elements, ready to use in your UI, emails, or product logic
Analyzes comprehensive design elements:
- • CSS files and inline styles
- • Component patterns and variations
- • Typography hierarchy
- • Color usage and combinations
- • Spacing and layout systems
- • Interactive element styles
The Only Styleguide Extraction API You'll Ever Need.
No more manual design analysis → just smart, accurate styleguide extraction trusted by hundreds.
Use Cases
SaaS Dashboard Personalization
Automatically theme your dashboard UI to match each customer's brand.
White-Label Product Customization
Build client-ready experiences with accurate brand visuals—instantly.
Personalized Email Campaigns
Generate branded email templates with the exact fonts and colors your prospects use.
Onboarding Flow Styling
Boost engagement by matching your onboarding design to the user's brand.
Sales Demo Theming
Auto-theme your demo environment with a prospect's brand to make a lasting impression.
Branded Client Portals
Deliver a fully branded experience without lifting a design finger.
See it in action
Get structured styleguide data with a single API call
Sample API Response
{
"status": "ok",
"brand": {
"domain": "stripe.com",
"styleguide": {
"colors": {
"primary": "#635bff",
"secondary": "#0a2540",
"background": "#ffffff",
"text": "#0a2540"
},
"typography": {
"headings": {
"h1": { "font-family": "Inter", "font-size": "48px", "font-weight": "700" },
"h2": { "font-family": "Inter", "font-size": "32px", "font-weight": "600" }
},
"body": {
"font-family": "Inter",
"font-size": "16px",
"line-height": "1.5"
}
},
"spacing": {
"xs": "4px",
"sm": "8px",
"md": "16px",
"lg": "24px",
"xl": "32px"
},
"components": {
"buttons": {
"primary": {
"background": "#635bff",
"color": "#ffffff",
"padding": "12px 24px",
"border-radius": "6px"
}
}
}
}
},
"code": 200
}Styleguide Preview
Typography: Inter
Spacing: 4px → 32px
Components: Buttons, Cards
No more manual design analysis → just smart, accurate styleguide extraction trusted by hundreds.