{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Verified light design tokens for the current SpaceXAI website.",
  "meta": {
    "name": "SpaceXAI",
    "description": "A light, monochrome web system built from a white canvas, black typography, generous spacing, pill actions, and border-led technical surfaces.",
    "theme": "light",
    "verified": "2026-08-01"
  },
  "color": {
    "primary": {
      "$value": "#0a0a0a",
      "$type": "color",
      "$description": "Primary CTA fill and strongest interactive emphasis."
    },
    "primary-hover": {
      "$value": "#242424",
      "$type": "color",
      "$description": "Hover state for black filled controls."
    },
    "on-primary": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Text and icons shown on primary black controls."
    },
    "ink": {
      "$value": "#0a0a0a",
      "$type": "color",
      "$description": "Display headlines and primary text."
    },
    "ink-soft": {
      "$value": "#1f1f1f",
      "$type": "color",
      "$description": "Dense body copy and code text."
    },
    "body": {
      "$value": "#4b4b4b",
      "$type": "color",
      "$description": "Supporting paragraphs and secondary content."
    },
    "muted": {
      "$value": "#848484",
      "$type": "color",
      "$description": "Navigation, labels, metadata, and placeholders."
    },
    "hairline": {
      "$value": "#dbdbdb",
      "$type": "color",
      "$description": "Default outlines, dividers, and component boundaries."
    },
    "hairline-strong": {
      "$value": "#bfbfbf",
      "$type": "color",
      "$description": "Hovered outlines and stronger separators."
    },
    "canvas": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Primary page background."
    },
    "canvas-soft": {
      "$value": "#f7f7f7",
      "$type": "color",
      "$description": "Alternate bands and code-panel background."
    },
    "canvas-raised": {
      "$value": "#fbfbfb",
      "$type": "color",
      "$description": "Subtle elevated or inset content surface."
    }
  },
  "typography": {
    "display-xl": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "96px",
        "fontWeight": 400,
        "lineHeight": "96px",
        "letterSpacing": "-3.2px"
      },
      "$type": "typography",
      "$description": "Largest centered marketing statement."
    },
    "display-lg": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "72px",
        "fontWeight": 400,
        "lineHeight": "76px",
        "letterSpacing": "-2.2px"
      },
      "$type": "typography",
      "$description": "Large section statement."
    },
    "display-md": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "48px",
        "fontWeight": 400,
        "lineHeight": "52px",
        "letterSpacing": "-1.4px"
      },
      "$type": "typography",
      "$description": "Section heading and prominent metric."
    },
    "display-sm": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "32px",
        "fontWeight": 400,
        "lineHeight": "38px",
        "letterSpacing": "-0.7px"
      },
      "$type": "typography",
      "$description": "Compact section heading."
    },
    "title": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "24px",
        "fontWeight": 500,
        "lineHeight": "30px",
        "letterSpacing": "-0.3px"
      },
      "$type": "typography",
      "$description": "Card, panel, and editorial title."
    },
    "body-lg": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "18px",
        "fontWeight": 400,
        "lineHeight": "28px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Hero support text and large body copy."
    },
    "body-md": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": "24px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Default body copy."
    },
    "body-sm": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": "20px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Navigation, buttons, and compact supporting copy."
    },
    "label": {
      "$value": {
        "fontFamily": "Universal Sans, Inter, Arial, system-ui, -apple-system, sans-serif",
        "fontSize": "13px",
        "fontWeight": 500,
        "lineHeight": "16px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Small labels and announcement pills."
    },
    "code": {
      "$value": {
        "fontFamily": "Geist Mono, IBM Plex Mono, Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace",
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": "20px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "API examples and technical data."
    }
  },
  "spacing": {
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Tight icon and label spacing."
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Compact inline spacing."
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Control-internal spacing."
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Default element gap."
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Card padding and content group spacing."
    },
    "2xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large component padding."
    },
    "3xl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Section-internal separation."
    },
    "4xl": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Compact section padding."
    },
    "5xl": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Default major-section separation."
    },
    "6xl": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "Hero and large statement breathing room."
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "Editorial bands, rules, and full-width rows."
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Compact technical controls."
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Small panels."
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Code panels and content cards."
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Large product frames."
    },
    "pill": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Primary and secondary actions, compact announcement labels."
    }
  },
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://x.ai/",
      "verified": "2026-08-01",
      "note": "Official public website used for visual comparison; live source remains authoritative."
    }
  }
}