{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for Sanity",
  "meta": {
    "name": "Sanity",
    "description": "Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured. The entire experience sits on a near-black canvas (`#0b0b0b`) that reads less like a \"dark mode toggle\" and more like the natural state of a tool built for people who live in terminals. Where most CMS marketing pages reach for friendly pastels and soft illustration, Sanity leans into the gravity of its own product: structured content deserves a structured stage.",
    "theme": "light"
  },
  "color": {
    "color-1": {
      "$value": "#0b0b0b",
      "$type": "color",
      "$description": "Use for the color 1 role."
    },
    "color-2": {
      "$value": "#212121",
      "$type": "color",
      "$description": "Use for the color 2 role."
    },
    "color-3": {
      "$value": "#353535",
      "$type": "color",
      "$description": "Use for the color 3 role."
    },
    "color-4": {
      "$value": "#797979",
      "$type": "color",
      "$description": "Use for the color 4 role."
    },
    "color-5": {
      "$value": "#b9b9b9",
      "$type": "color",
      "$description": "Use for the color 5 role."
    },
    "color-6": {
      "$value": "#ededed",
      "$type": "color",
      "$description": "Use for the color 6 role."
    },
    "color-7": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the color 7 role."
    },
    "color-8": {
      "$value": "#0052ef",
      "$type": "color",
      "$description": "Use for the color 8 role."
    },
    "color-9": {
      "$value": "#f36458",
      "$type": "color",
      "$description": "Use for the color 9 role."
    },
    "pure-black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Use for the pure black role."
    },
    "light-blue": {
      "$value": "#55beff",
      "$type": "color",
      "$description": "Use for the light blue role."
    },
    "color-12": {
      "$value": "#afe3ff",
      "$type": "color",
      "$description": "Use for the color 12 role."
    },
    "neon-green": {
      "$value": "#19d600",
      "$type": "color",
      "$description": "Use for the neon green role."
    },
    "error-red": {
      "$value": "#dd0000",
      "$type": "color",
      "$description": "Use for the error red role."
    },
    "gpc-green": {
      "$value": "#37cd84",
      "$type": "color",
      "$description": "Use for the gpc green role."
    },
    "color-16": {
      "$value": "#072227",
      "$type": "color",
      "$description": "Use for the color 16 role."
    }
  },
  "typography": {
    "space-1": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "1px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 1."
    },
    "space-2": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "2px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 2."
    },
    "space-3": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "4px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 3."
    },
    "space-4": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "6px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 4."
    },
    "space-5": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "8px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 5."
    },
    "space-6": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "12px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 6."
    },
    "space-7": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 7."
    },
    "space-8": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "24px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 8."
    },
    "space-9": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "32px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 9."
    },
    "space-10": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "48px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 10."
    },
    "space-11": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "64px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for space 11."
    },
    "radius-xs": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "3px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for radius xs."
    },
    "radius-md": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "6px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for radius md."
    },
    "radius-lg": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "12px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for radius lg."
    },
    "radius-pill": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "99999px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for radius pill."
    }
  },
  "spacing": {
    "4": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Spacing step 4."
    },
    "8": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Spacing step 8."
    },
    "12": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Spacing step 12."
    },
    "16": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Spacing step 16."
    },
    "20": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Spacing step 20."
    },
    "24": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Spacing step 24."
    },
    "32": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Spacing step 32."
    },
    "48": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Spacing step 48."
    },
    "64": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Spacing step 64."
    }
  },
  "radius": {
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Border radius sm."
    },
    "md": {
      "$value": "9px",
      "$type": "dimension",
      "$description": "Border radius md."
    },
    "lg": {
      "$value": "5px",
      "$type": "dimension",
      "$description": "Border radius lg."
    },
    "xl": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Border radius xl."
    },
    "pill": {
      "$value": "3px",
      "$type": "dimension",
      "$description": "Border radius pill."
    },
    "r6": {
      "$value": "1px",
      "$type": "dimension",
      "$description": "Border radius r6."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://www.sanity.io/",
      "note": "Official brand website used for visual comparison."
    }
  }
}