{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for Mintlify",
  "meta": {
    "name": "Mintlify",
    "description": "Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documentation surfaces. The system uses Inter for UI prose, Geist Mono for code, and a signature Mintlify green ({colors.brand-green}) reserved for accent CTAs and active states. Black-pill primary buttons dominate marketing, white-on-dark inversions appear on dark hero bands, and a 3-column documentation layout (sidebar / prose / TOC) anchors the developer experience. Coverage spans homepage, startups program, pricing comparison, and the live tabs documentation page.",
    "theme": "light"
  },
  "color": {
    "primary": {
      "$value": "#0a0a0a",
      "$type": "color",
      "$description": "Use for the primary role."
    },
    "on-primary": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on primary role."
    },
    "brand-green": {
      "$value": "#00d4a4",
      "$type": "color",
      "$description": "Use for the brand green role."
    },
    "brand-green-deep": {
      "$value": "#00b48a",
      "$type": "color",
      "$description": "Use for the brand green deep role."
    },
    "brand-green-soft": {
      "$value": "#7cebcb",
      "$type": "color",
      "$description": "Use for the brand green soft role."
    },
    "brand-tag": {
      "$value": "#3772cf",
      "$type": "color",
      "$description": "Use for the brand tag role."
    },
    "brand-warn": {
      "$value": "#c37d0d",
      "$type": "color",
      "$description": "Use for the brand warn role."
    },
    "brand-annotate": {
      "$value": "#1ba673",
      "$type": "color",
      "$description": "Use for the brand annotate role."
    },
    "brand-error": {
      "$value": "#d45656",
      "$type": "color",
      "$description": "Use for the brand error role."
    },
    "brand-cursor": {
      "$value": "#888888",
      "$type": "color",
      "$description": "Use for the brand cursor role."
    },
    "hero-sky-from": {
      "$value": "#87a8c8",
      "$type": "color",
      "$description": "Use for the hero sky from role."
    },
    "hero-sky-to": {
      "$value": "#f5e9d8",
      "$type": "color",
      "$description": "Use for the hero sky to role."
    },
    "hero-dark-from": {
      "$value": "#1a3d4a",
      "$type": "color",
      "$description": "Use for the hero dark from role."
    },
    "hero-dark-to": {
      "$value": "#2d5a4f",
      "$type": "color",
      "$description": "Use for the hero dark to role."
    },
    "testimonial-orange": {
      "$value": "#f55a3c",
      "$type": "color",
      "$description": "Use for the testimonial orange role."
    },
    "testimonial-orange-deep": {
      "$value": "#cc3a1f",
      "$type": "color",
      "$description": "Use for the testimonial orange deep role."
    },
    "canvas": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the canvas role."
    },
    "canvas-dark": {
      "$value": "#0a0a0a",
      "$type": "color",
      "$description": "Use for the canvas dark role."
    },
    "surface": {
      "$value": "#f7f7f7",
      "$type": "color",
      "$description": "Use for the surface role."
    },
    "surface-soft": {
      "$value": "#fafafa",
      "$type": "color",
      "$description": "Use for the surface soft role."
    },
    "surface-code": {
      "$value": "#1c1c1e",
      "$type": "color",
      "$description": "Use for the surface code role."
    },
    "hairline": {
      "$value": "#e5e5e5",
      "$type": "color",
      "$description": "Use for the hairline role."
    },
    "hairline-soft": {
      "$value": "#ededed",
      "$type": "color",
      "$description": "Use for the hairline soft role."
    },
    "hairline-dark": {
      "$value": "#1f1f1f",
      "$type": "color",
      "$description": "Use for the hairline dark role."
    },
    "ink": {
      "$value": "#0a0a0a",
      "$type": "color",
      "$description": "Use for the ink role."
    },
    "charcoal": {
      "$value": "#1c1c1e",
      "$type": "color",
      "$description": "Use for the charcoal role."
    },
    "slate": {
      "$value": "#3a3a3c",
      "$type": "color",
      "$description": "Use for the slate role."
    },
    "steel": {
      "$value": "#5a5a5c",
      "$type": "color",
      "$description": "Use for the steel role."
    },
    "stone": {
      "$value": "#888888",
      "$type": "color",
      "$description": "Use for the stone role."
    },
    "muted": {
      "$value": "#a8a8aa",
      "$type": "color",
      "$description": "Use for the muted role."
    },
    "on-dark": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on dark role."
    },
    "on-dark-muted": {
      "$value": "#b3b3b3",
      "$type": "color",
      "$description": "Use for the on dark muted role."
    }
  },
  "typography": {
    "hero-display": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "72px",
        "fontWeight": 600,
        "lineHeight": 1.05,
        "letterSpacing": "-2px"
      },
      "$type": "typography",
      "$description": "Typography style for hero display."
    },
    "display-lg": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "56px",
        "fontWeight": 600,
        "lineHeight": 1.1,
        "letterSpacing": "-1.5px"
      },
      "$type": "typography",
      "$description": "Typography style for display lg."
    },
    "heading-1": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "48px",
        "fontWeight": 600,
        "lineHeight": 1.1,
        "letterSpacing": "-1px"
      },
      "$type": "typography",
      "$description": "Typography style for heading 1."
    },
    "heading-2": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "36px",
        "fontWeight": 600,
        "lineHeight": 1.2,
        "letterSpacing": "-0.5px"
      },
      "$type": "typography",
      "$description": "Typography style for heading 2."
    },
    "heading-3": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "28px",
        "fontWeight": 600,
        "lineHeight": 1.25,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for heading 3."
    },
    "heading-4": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "22px",
        "fontWeight": 600,
        "lineHeight": 1.3,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for heading 4."
    },
    "heading-5": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "18px",
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for heading 5."
    },
    "subtitle": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "18px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for subtitle."
    },
    "body-md": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body md."
    },
    "body-md-medium": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "16px",
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body md medium."
    },
    "body-sm": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body sm."
    },
    "body-sm-medium": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body sm medium."
    },
    "caption": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for caption."
    },
    "caption-bold": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "13px",
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for caption bold."
    },
    "micro": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "12px",
        "fontWeight": 500,
        "lineHeight": 1.4,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for micro."
    },
    "micro-uppercase": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "11px",
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": "0.5px"
      },
      "$type": "typography",
      "$description": "Typography style for micro uppercase."
    },
    "button-md": {
      "$value": {
        "fontFamily": "Inter",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1.3,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for button md."
    },
    "code-md": {
      "$value": {
        "fontFamily": "Geist Mono",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for code md."
    },
    "code-sm": {
      "$value": {
        "fontFamily": "Geist Mono",
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for code sm."
    },
    "code-inline": {
      "$value": {
        "fontFamily": "Geist Mono",
        "fontSize": "13px",
        "fontWeight": 500,
        "lineHeight": 1.3,
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for code inline."
    }
  },
  "spacing": {
    "xxs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Spacing step xxs."
    },
    "xs": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Spacing step xs."
    },
    "sm": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Spacing step sm."
    },
    "md": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Spacing step md."
    },
    "lg": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Spacing step lg."
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Spacing step xl."
    },
    "xxl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Spacing step xxl."
    },
    "xxxl": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "Spacing step xxxl."
    },
    "section-sm": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Spacing step section-sm."
    },
    "section": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Spacing step section."
    },
    "section-lg": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Spacing step section-lg."
    },
    "hero": {
      "$value": "120px",
      "$type": "dimension",
      "$description": "Spacing step hero."
    }
  },
  "radius": {
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Border radius xs."
    },
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Border radius sm."
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Border radius md."
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Border radius lg."
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Border radius xl."
    },
    "xxl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Border radius xxl."
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius full."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://www.mintlify.com/",
      "note": "Official brand website used for visual comparison."
    }
  }
}