{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for Ollama",
  "meta": {
    "name": "Ollama",
    "description": "An almost defiantly minimal documentation-first system that treats the home page like a Markdown README — paper-white canvas, 36px center-aligned heading, a single black pill CTA, an inline terminal install snippet, and a hand-drawn llama mascot as the only ornamental element. No gradient, no hero photography, no marketing pyrotechnics. The chrome is a tiny utility palette of pure black, pure white, and three neutral grays; every interactive element is fully rounded into a pill (`{rounded.full}`); typography is SF Pro Rounded for headings paired with system sans for body and ui-monospace for code. Pricing tiers, FAQs, and \"your data stays yours\" guarantees all sit on the same flat canvas inside thin-border cards — the system is the documentation, and the documentation is the system.",
    "theme": "light"
  },
  "color": {
    "primary": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Use for the primary role."
    },
    "on-primary": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on primary role."
    },
    "ink": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Use for the ink role."
    },
    "ink-deep": {
      "$value": "#090909",
      "$type": "color",
      "$description": "Use for the ink deep role."
    },
    "charcoal": {
      "$value": "#525252",
      "$type": "color",
      "$description": "Use for the charcoal role."
    },
    "body": {
      "$value": "#737373",
      "$type": "color",
      "$description": "Use for the body role."
    },
    "mute": {
      "$value": "#a3a3a3",
      "$type": "color",
      "$description": "Use for the mute role."
    },
    "canvas": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the canvas role."
    },
    "surface-soft": {
      "$value": "#fafafa",
      "$type": "color",
      "$description": "Use for the surface soft role."
    },
    "surface-card": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the surface card role."
    },
    "hairline": {
      "$value": "#e5e5e5",
      "$type": "color",
      "$description": "Use for the hairline role."
    },
    "hairline-strong": {
      "$value": "#d4d4d4",
      "$type": "color",
      "$description": "Use for the hairline strong role."
    },
    "on-dark": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on dark role."
    },
    "on-dark-mute": {
      "$value": "rgba(255,255,255,0.7)",
      "$type": "color",
      "$description": "Use for the on dark mute role."
    },
    "surface-dark": {
      "$value": "#171717",
      "$type": "color",
      "$description": "Use for the surface dark role."
    },
    "focus-ring": {
      "$value": "rgba(59,130,246,0.5)",
      "$type": "color",
      "$description": "Use for the focus ring role."
    },
    "link": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Use for the link role."
    },
    "link-mute": {
      "$value": "#737373",
      "$type": "color",
      "$description": "Use for the link mute role."
    },
    "terminal-red": {
      "$value": "#ff5f56",
      "$type": "color",
      "$description": "Use for the terminal red role."
    },
    "terminal-yellow": {
      "$value": "#ffbd2e",
      "$type": "color",
      "$description": "Use for the terminal yellow role."
    },
    "terminal-green": {
      "$value": "#27c93f",
      "$type": "color",
      "$description": "Use for the terminal green role."
    }
  },
  "typography": {
    "display-xl": {
      "$value": {
        "fontFamily": "SF Pro Rounded",
        "fontSize": "36px",
        "fontWeight": 500,
        "lineHeight": 1.11,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for display xl."
    },
    "display-lg": {
      "$value": {
        "fontFamily": "SF Pro Rounded",
        "fontSize": "30px",
        "fontWeight": 500,
        "lineHeight": 1.2,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for display lg."
    },
    "heading-lg": {
      "$value": {
        "fontFamily": "SF Pro Rounded",
        "fontSize": "24px",
        "fontWeight": 600,
        "lineHeight": 1.33,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for heading lg."
    },
    "heading-md": {
      "$value": {
        "fontFamily": "ui-sans-serif",
        "fontSize": "20px",
        "fontWeight": 500,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for heading md."
    },
    "heading-sm": {
      "$value": {
        "fontFamily": "ui-sans-serif",
        "fontSize": "18px",
        "fontWeight": 500,
        "lineHeight": 1.56,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for heading sm."
    },
    "body-md": {
      "$value": {
        "fontFamily": "ui-sans-serif",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body md."
    },
    "body-strong": {
      "$value": {
        "fontFamily": "ui-sans-serif",
        "fontSize": "16px",
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body strong."
    },
    "body-sm": {
      "$value": {
        "fontFamily": "ui-sans-serif",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.43,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body sm."
    },
    "body-sm-strong": {
      "$value": {
        "fontFamily": "ui-sans-serif",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1.43,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body sm strong."
    },
    "caption-sm": {
      "$value": {
        "fontFamily": "ui-sans-serif",
        "fontSize": "12px",
        "fontWeight": 400,
        "lineHeight": 1.33,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for caption sm."
    },
    "code-md": {
      "$value": {
        "fontFamily": "ui-monospace",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for code md."
    },
    "code-sm": {
      "$value": {
        "fontFamily": "ui-monospace",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.43,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for code sm."
    },
    "button-md": {
      "$value": {
        "fontFamily": "ui-sans-serif",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for button md."
    }
  },
  "spacing": {
    "xxs": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Spacing step xxs."
    },
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Spacing step xs."
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Spacing step sm."
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Spacing step md."
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Spacing step lg."
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Spacing step xl."
    },
    "xxl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Spacing step xxl."
    },
    "section": {
      "$value": "88px",
      "$type": "dimension",
      "$description": "Spacing step section."
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "Border radius none."
    },
    "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."
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius full."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://ollama.com/",
      "note": "Official brand website used for visual comparison."
    }
  }
}