Extract a website's design system by domain — CSS
branddev.brand.styleguideColors, type scale, spacing, shadows and component styles (button, card, input) lifted from a live site, each with ready-to-paste CSS
- Price
- $0.02534/success제공업체 원가
- Success rate
- —성공률 데이터가 아직 없습니다성공률 데이터가 아직 없습니다
- Latency p50
- ——
- Last verified
- 2026. 8. 20.Verified working
GEThttps://toolswitch.dev/v1/tools/branddev.brand.styleguide?domain=stripe.comPreview- Uses platform quota
- Synchronous response
- Reads public data
파라미터
the programmatic-theming call: enough to render an app in a customer's brand without a designer. Values are measured off the rendered page, so a heavily JS-themed site can report the pre-hydration palette
| 파라미터 | 유형 | 필수 | 설명 | 예시 |
|---|---|---|---|---|
| 쿼리 파라미터 | ||||
domain | 문자열 | 필수 | bare domain, no scheme | stripe.com |
maxAgeMs | 정수 | 선택 | maximum acceptable age of the cached styleguide in ms; lower forces a fresh render | |
timeoutMS | 정수 | 선택 | ||
- 쿼리 파라미터
domain문자열필수bare domain, no scheme
예시:
stripe.commaxAgeMs정수선택maximum acceptable age of the cached styleguide in ms; lower forces a fresh render
timeoutMS정수선택
코드 예제
$TOOLSWITCH_KEY를 콘솔에서 생성한 키로 바꾸세요.
Preview
curl -X GET 'https://toolswitch.dev/v1/tools/branddev.brand.styleguide?domain=stripe.com' \
-H "X-Toolswitch-Key: $TOOLSWITCH_KEY"import os
import requests
response = requests.request(
"GET",
"https://toolswitch.dev/v1/tools/branddev.brand.styleguide?domain=stripe.com",
headers={"X-Toolswitch-Key": os.environ["TOOLSWITCH_KEY"]},
)
response.raise_for_status()
print(response.text)const response = await fetch("https://toolswitch.dev/v1/tools/branddev.brand.styleguide?domain=stripe.com", {
method: "GET",
headers: {
"X-Toolswitch-Key": process.env.TOOLSWITCH_KEY ?? "",
},
});
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
console.log(await response.text());게이트웨이 API는 미리보기 버전이며 URL과 인증 방식이 변경될 수 있습니다. 예제 매개변수는 샘플 데이터입니다. 호출 요금은 $0.02534/success이며 서비스 수수료가 포함되어 있습니다.