Design system extracted from https://supabase.com — use these tokens, do not invent new ones.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Design system reference
Source: https://supabase.com
Extracted by designlang v7.0.0 on 2026-06-25T08:25:31.918Z
## Semantic tokens (use these)
- color.action.primary: #72e3ad
- color.surface.default: #fcfcfc
- color.text.body: #000000
- radius.control: 6px
- typography.body.fontFamily: Circular
## Regions
- nav
- nav
- testimonials
- footer
## How to use
- Prefer `semantic.*` tokens over `primitive.*`.
- Never invent new tokens or hex values; reuse the ones above.
- When a value is missing, pick the closest existing semantic token and flag the gap.
- Reference tokens by their dotted path (e.g. `semantic.color.action.primary`).
The line at the top of this page pins the label git:20260625.2b268a0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_ayd6i4chwujox4p6
GET https://markdownregistry.com/api/v1/resolve?ref=manavarya09/design-extract/website/public/gallery/supabase-com/.cursor/rules/designlang.mdc
GET https://markdownregistry.com/api/v1/blob/740262be3966dc60bc640dc4d520c2f30c53929b227d5c5af4df132431cf36b3
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
manavarya09/design-extract · skills/extract-design/SKILL.md · Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual…
manavarya09/design-extract · website/public/gallery/cal-com/.claude/skills/designlang/SKILL.md · Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing…
manavarya09/design-extract · website/public/gallery/cal-com/.cursor/rules/designlang.mdc · Design system extracted from https://cal.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/clerk-com/.claude/skills/designlang/SKILL.md · Use when styling UI for clerk.com — references the extracted design system tokens instead of inventing colors, spacing…
manavarya09/design-extract · website/public/gallery/clerk-com/.cursor/rules/designlang.mdc · Design system extracted from https://clerk.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/coinbase-com/.claude/skills/designlang/SKILL.md · Use when styling UI for coinbase.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/coinbase-com/.cursor/rules/designlang.mdc · Design system extracted from https://coinbase.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/discord-com/.claude/skills/designlang/SKILL.md · Use when styling UI for discord.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/discord-com/.cursor/rules/designlang.mdc · Design system extracted from https://discord.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/duolingo-com/.claude/skills/designlang/SKILL.md · Use when styling UI for duolingo.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/sentry-io/.cursor/rules/designlang.mdc · Design system extracted from https://sentry.io — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/render-com/.cursor/rules/designlang.mdc · Design system extracted from https://render.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/cal-com/.cursor/rules/designlang.mdc · Design system extracted from https://cal.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/replit-com/.cursor/rules/designlang.mdc · Design system extracted from https://replit.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/netflix-com/.cursor/rules/designlang.mdc · Design system extracted from https://netflix.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/webflow-com/.cursor/rules/designlang.mdc · Design system extracted from https://webflow.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/perplexity-ai/.cursor/rules/designlang.mdc · Design system extracted from https://perplexity.ai — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/discord-com/.cursor/rules/designlang.mdc · Design system extracted from https://discord.com — use these tokens, do not invent new ones.
