{"uid":"cap_lJOCcSEDil5xTWTj3JnU_","slug":"orthogonal-brand-styleguide-extractor-9377dd5e","name":"Orthogonal Brand Styleguide Extractor","description":"Automatically extract comprehensive design system information from a brand’s website including colors, typography, spacing, shadows, and UI components.","url":"https://x402.orthogonal.com/brand-dev/v1/brand/styleguide","method":"GET","headers":{},"bodySchema":{"type":"object","$schema":"https://json-schema.org/draft/2020-12/schema","required":["input"],"properties":{"input":{"type":"object","required":["type","method"],"properties":{"type":{"type":"string","const":"http"},"method":{"enum":["GET"],"type":"string"},"queryParams":{"type":"object","properties":{"domain":{"type":"string","example":"example.com","description":"Domain name to extract styleguide from (e.g., 'example.com', 'google.com'). The domain will be automatically normalized and validated."},"timeoutMS":{"type":"integer","description":"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)."},"prioritize":{"type":"string","description":"Optional parameter to prioritize screenshot capture for styleguide extraction. If 'speed', optimizes for faster capture with basic quality. If 'quality', optimizes for higher quality with longer wait times. Defaults to 'quality' if not provided."}}}},"additionalProperties":false}}},"responseSchema":null,"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.03","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.03/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.03","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.03","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_vNXYQIlu_ouFzutHaDul3","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.03","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Automatically extracts comprehensive design system information (colors, typography, spacing, shadows, UI components) from any brand's website by domain.","exampleAgentPrompt":"Can you extract the full design system from stripe.com — colors, typography, spacing, and UI components — optimizing for quality?","exampleUseCases":[{"title":"Competitor brand analysis for redesign","prompt":"Pull the complete design system from figma.com — all colors, fonts, spacing, and component styles — I want to understand how they structure their visual language before we redesign our product."},{"title":"Onboarding a new client's brand tokens","prompt":"Extract the brand styleguide from acme.com so I can pull their colors, typography, and spacing into our design system without manually inspecting every CSS rule."},{"title":"Building a themed UI clone","prompt":"Get all the design details from linear.app — colors, typography, shadows, and UI components — optimizing for quality capture, so I can build a similar look for our internal tool."}],"resultDescription":"Returns a comprehensive design system object containing the brand's color palette (primary, secondary, neutral, semantic colors with hex values), typography settings (font families, sizes, weights, line heights), spacing scale, shadow definitions, and identified UI component styles extracted from the target domain's website.","failureModes":["Domain not found or unreachable — returns error with invalid domain message","Timeout exceeded if site loads slowly (max 300000ms) — returns 408 status","Private or access-restricted site may return incomplete or empty styleguide","Highly dynamic single-page apps may yield limited style extraction","Invalid domain format — request rejected before scraping begins"],"whenToPreferThis":"Choose this endpoint when you need to programmatically extract a complete design system from an existing website without manual inspection. It is ideal for competitive research, onboarding client brand tokens, building design system clones, or automating brand consistency checks. Prefer this over generic web scrapers when the goal is structured design-token output rather than raw HTML or text content.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-09-15T00:43:39.934Z","isFirstParty":false}