Brand kit & design tokens for any domain
The brand behind any website — as LLMs see it. Pull logo, colors, typefaces, tone, and CSS theme via MCP — so your agent can generate on-brand UI without guessing hex codes.
get_brand({ "domain": "stripe.com" })
{
"domain": "stripe.com",
"name": "Stripe",
"category": "Software",
"url": "https://stripe.com/en-fr",
"board": "https://wikibrand.org/b/stripe.com",
"description": "Financial infrastructure to grow your revenue.",
"logo": {
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#031323\" viewBox=\"0 0 60 25\" aria-label=\"Stripe logo\" style=\"fill:#ffffff;stroke:none;stroke-width:1px;opacity:1;fill-opacity:1;stroke-opacity:1;fill-rule:nonzero\"><path fill=\"var(--hds-color-text-solid)\" fill-rule=\"evenodd\" d=\"M59.6444 14.2813h-8.062c.1843 1.9296 1.5983 2.5476 3.2032 2.5476 1.6352 0 2.9534-.3656 4.0453-.9506v3.3179c-1.1186.7115-2.5964 1.1068-4.5645 1.1068-4.011 0-6.8218-2.5122-6.8218-7.4783 0-4.19441 2.3837-7.52509 6.3017-7.52509 3.912 0 5.9537 3.28038 5.9537 7.49819 0 .3982-.0372 1.261-.0556 1.4835Zm-5.9241-5.62407c-1.0294 0-2.1739.72812-2.1739 2.58387h4.2573c0-1.85362-1.0721-2.58387-2.0834-2.58387ZM40.9547 20.303c-1.4411 0-2.322-.6087-2.9133-1.0417l-.0088 4.6271-4.1181.8755-.0014-19.19053h3.7543l.0864 1.01784c.6035-.52914 1.6114-1.29157 3.2256-1.29162 2.8925 0 5.6162 2.6052 5.6162 7.39971 0 5.2327-2.6948 7.6037-5.6409 7.6037Zm-.959-11.35573c-.9453 0-1.5376.34559-1.9669.81586l.0245 6.11967c.3997.433.9763.7813 1.9424.7813 1.5231 0 2.5437-1.6575 2.5437-3.8745 0-2.1544-1.037-3.84233-2.5437-3.84233Zm-11.7602-3.3739h4.1341V20.0088h-4.1341V5.57337Zm0-4.694699L32.3696 0v3.35821l-4.1341.87868V.878671ZM23.9198 10.2223v9.7861h-4.1156V5.57296h3.6867l.1317 1.21751c1.0035-1.7722 3.0722-1.41321 3.6209-1.21594v3.78524c-.5242-.16908-2.2894-.42779-3.3237.86253Zm-8.5525 4.7221c0 2.4275 2.5988 1.6719 3.1263 1.4609v3.3522c-.5492.3013-1.5437.5458-2.8901.5458-2.4441 0-4.2773-1.7999-4.2773-4.2379l.0173-13.17658 4.0206-.85464.0032 3.5395h3.1278V9.0857h-3.1278v5.8588-.0001Zm-4.9069.7026c0 2.9645-2.31051 4.6562-5.73464 4.6562-1.41958 0-2.92289-.2761-4.453935-.9347v-3.9319c1.382085.7516 3.093705 1.315 4.457755 1.315.91864 0 1.53106-.2459 1.53106-1.0069C6.26064 13.7786 0 14.5192 0 9.95995 0 7.04457 2.27622 5.2998 5.61655 5.2998c1.36404 0 2.72806.20934 4.09208.75351V9.9317c-1.25265-.67618-2.84332-1.05979-4.09588-1.05979-.86296 0-1.44753.24965-1.44753.8924.0001 1.85329 6.29518.97249 6.29518 5.88279v-.0001Z\" clip-rule=\"evenodd\" style=\"fill:#ffffff;stroke:none;stroke-width:1px;opacity:1;fill-opacity:1;stroke-opacity:1;fill-rule:evenodd\"></path></svg>",
"ground": "#533afd",
"ink": "#ffffff"
},
"colors": {
"brand": "#533afd",
"page": "#ffffff",
"ink": "#061b31",
"palette": [
"#533afd",
"#ff3f52",
"#ff6118",
"#76b900"
]
},
"typography": {
"display": "Sohne",
"text": "Sohne"
},
"voice": [
{
"trait": "humor",
"low": "Serious",
"high": "Funny",
"value": -0.5
},
{
"trait": "formality",
"low": "Casual",
"high": "Formal",
"value": 0.11
},
{
"trait": "irreverence",
"low": "Respectful",
"high": "Irreverent",
"value": -0.06
},
{
"trait": "enthusiasm",
"low": "Matter-of-fact",
"high": "Enthusiastic",
"value": -0.2
},
{
"trait": "technicality",
"low": "Plain",
"high": "Technical",
"value": -0.06
}
],
"variables": {
"--page": "#ffffff",
"--tile": "#f2f3f5",
"--tile-plain": "#f9fafa",
"--surface": "#e5edf5",
"--surface-2": "#dce5ed",
"--surface-3": "#d6dfe8",
"--border": "#e5edf5",
"--border-strong": "#c7cdde",
"--text": "#061b31",
"--text-heading": "#061b31",
"--text-body": "#50617a",
"--text-2": "#50617a",
"--text-3": "#64748d",
"--btn-bw": "0px",
"--btn-border": "transparent",
"--action-bg-hover": "#4032c8",
"--action-fg-hover": "#ffffff",
"--action-border-hover": "transparent",
"--action-shadow-hover": "none",
"--action-transform-hover": "none",
"--btn2-bg": "#ffffffa6",
"--btn2-fg": "#533afd",
"--btn2-border": "#b9b9f9",
"--btn2-bw": "1px",
"--btn2-bg-hover": "#ffffffa6",
"--btn2-fg-hover": "#2e2b8c",
"--btn2-border-hover": "#4032c8",
"--btn2-shadow-hover": "none",
"--btn2-transform-hover": "none",
"--btn2-h": "48px",
"--btn2-px": "24px",
"--btn2-pr": "24px",
"--btn2-pt": "14.5px",
"--btn2-minw": "0px",
"--btn2-pb": "15.5px",
"--btn2-lh": "16px",
"--btn2-r": "4px",
"--btn2-fs": "16px",
"--btn2-fw": "400",
"--btn-case": "none",
"--btn2-case": "none",
"--btn2-shadow": "none",
"--action-opacity": "1",
"--action-transform": "none",
"--action-opacity-hover": "1",
"--action-opacity-focus": "1",
"--action-opacity-active": "1",
"--action-bg-image": "var(--sheen)",
"--action-bg-image-hover": "none",
"--action-bg-focus": "#533afd",
"--action-fg-focus": "#ffffff",
"--action-border-focus": "transparent",
"--action-shadow-focus": "none",
"--action-outline-focus": "3px solid #5452fbbf",
"--action-outline-offset-focus": "1px",
"--action-transform-focus": "none",
"--action-bg-image-focus": "none",
"--action-bg-active": "#4032c8",
"--action-fg-active": "#ffffff",
"--action-shadow-active": "none",
"--action-transform-active": "none",
"--btn2-opacity": "1",
"--btn2-transform": "none",
"--btn2-opacity-hover": "1",
"--btn2-opacity-focus": "1",
"--btn2-opacity-active": "1",
"--btn2-bg-image": "var(--sheen)",
"--btn2-bg-image-hover": "none",
"--btn2-bg-focus": "#ffffffa6",
"--btn2-fg-focus": "#533afd",
"--btn2-border-focus": "#b9b9f9",
"--btn2-shadow-focus": "none",
"--btn2-outline-focus": "3px solid #5452fbbf",
"--btn2-outline-offset-focus": "1px",
"--btn2-transform-focus": "none",
"--btn2-bg-image-focus": "none",
"--btn2-bg-active": "#ffffffa6",
"--btn2-fg-active": "#2e2b8c",
"--btn2-shadow-active": "none",
"--btn2-transform-active": "none",
"--focus-w": "3px",
"--focus-off": "1px",
"--focus-c": "#5452fbbf",
"--input-bg": "#e5edf5",
"--input-fg": "#061b31",
"--input-border": "var(--border-strong)",
"--input-bw": "max(1px, 1px)",
"--input-fs": "var(--fs-body)",
"--input-border-focus": "#5452fbbf",
"--input-ring-focus": "0 0 0 3px color-mix(in srgb, #5452fbbf 22%, transparent)",
"--card-bw": "0px",
"--card-bg": "var(--surface)",
"--card-border": "#e5edf5",
"--badge-bg": "var(--surface-3)",
"--badge-fg": "var(--text-2)",
"--badge-h": "calc(var(--fs-caption) * 2)",
"--badge-px": "calc(var(--fs-caption) * 0.75)",
"--badge-fs": "var(--fs-caption)",
"--badge-fw": "var(--w-strong)",
"--badge-tr": "var(--tr-caption)",
"--badge-case": "none",
"--badge-bw": "0px",
"--badge-border": "transparent",
"--brand": "#533afd",
"--brand-fg": "#ffffff",
"--brand-strong": "#471be7",
"--brand-soft": "#e6eaff",
"--brand-soft-2": "#f2f4ff",
"--brand-text": "#533afd",
"--accent-1": "#fdc9c6",
"--accent-2": "#fbcbba",
"--action-bg": "#533afd",
"--action-fg": "#ffffff",
"--success": "#1f8f4e",
"--success-soft": "#d8f3de",
"--danger": "#dc3b3b",
"--n-1": "#f8faff",
"--n-2": "#e5ebf9",
"--n-3": "#d4dbea",
"--n-4": "#b3bacc",
"--n-5": "#8a92a5",
"--n-6": "#646c7e",
"--n-7": "#434a5b",
"--n-8": "#272d3d",
"--n-9": "#131825",
"--r-card": "6px",
"--r-inner": "0px",
"--r-control": "4px",
"--r-input": "4px",
"--r-badge": "2px",
"--bw": "1px",
"--shadow-card": "none",
"--shadow-control": "none",
"--sheen": "none",
"--ring": "inset 0 0 0 0 transparent",
"--img-r": "6px",
"--img-shadow": "none",
"--img-border": "none",
"--img-filter": "none",
"--img-aspect": "0.8",
"--fs-display": "56px",
"--lh-display": "1.03",
"--fw-display": "300",
"--tr-display": "-0.025em",
"--fs-h1": "48px",
"--lh-h1": "1.15",
"--fw-h1": "300",
"--tr-h1": "-0.02em",
"--fs-h2": "32px",
"--lh-h2": "1.1",
"--fw-h2": "300",
"--tr-h2": "-0.02em",
"--fs-h3": "26px",
"--lh-h3": "1.12",
"--fw-h3": "300",
"--tr-h3": "-0.01em",
"--fs-body": "16px",
"--lh-body": "1.32",
"--fw-body": "300",
"--tr-body": "0em",
"--fs-small": "12px",
"--lh-small": "1.35",
"--fw-small": "300",
"--tr-small": "-0.004em",
"--fs-caption": "12px",
"--lh-caption": "1.35",
"--fw-caption": "300",
"--tr-caption": "-0.004em",
"--fs-button": "16px",
"--lh-button": "1",
"--fw-button": "400",
"--tr-button": "0em",
"--w-strong": "500",
"--label-case": "none",
"--u": "4.00px",
"--btn-h": "48px",
"--btn-px": "24px",
"--btn-pr": "24px",
"--btn-pt": "15.5px",
"--btn-minw": "0px",
"--btn-pb": "16.5px",
"--btn-lh": "16px",
"--input-h": "48px",
"--input-px": "18px",
"--card-p": "37px",
"--card-gap": "16px",
"--dur": "300ms",
"--ease": "cubic-bezier(.25,1,.5,1)",
"--lift": "3px",
"--press": "1",
"--icon-stroke": "1.25",
"--icon-scale": "1",
"--icon-cap": "round",
"--icon-join": "round",
"--icon-box-bg": "var(--surface-2)",
"--icon-box-fg": "var(--text)",
"--icon-box-border": "var(--border)",
"--font-display": "\"sohne-var\", system-ui, sans-serif",
"--font-text": "\"sohne-var\", system-ui, sans-serif",
"--font-button": "\"sohne-var\", \"sohne-var\", system-ui, sans-serif",
"--ffs-text": "\"ss01\"",
"--ffs-display": "\"ss01\"",
"--ffs-button": "\"ss01\"",
"--fvs-text": "normal",
"--fvs-display": "normal",
"--fvs-button": "normal",
"--smooth": "antialiased",
"--smooth-button": "antialiased",
"--btn2-ffs": "\"ss01\"",
"--btn2-fvs": "normal",
"--btn2-smooth": "antialiased"
}
}Why agents use it: live site read · catalogue fallback · one call → apply brand.