{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for Cohere",
  "meta": {
    "name": "Cohere",
    "description": "Cohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial space, deep green-black product bands, soft mineral surfaces, rounded media cards, and a distinctive type split between monospaced-feeling display headlines and precise Unica77 UI text.",
    "theme": "light"
  },
  "color": {
    "primary": {
      "$value": "#17171c",
      "$type": "color",
      "$description": "Use for the primary role."
    },
    "cohere-black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Use for the cohere black role."
    },
    "ink": {
      "$value": "#212121",
      "$type": "color",
      "$description": "Use for the ink role."
    },
    "deep-green": {
      "$value": "#003c33",
      "$type": "color",
      "$description": "Use for the deep green role."
    },
    "dark-navy": {
      "$value": "#071829",
      "$type": "color",
      "$description": "Use for the dark navy role."
    },
    "canvas": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the canvas role."
    },
    "soft-stone": {
      "$value": "#eeece7",
      "$type": "color",
      "$description": "Use for the soft stone role."
    },
    "pale-green": {
      "$value": "#edfce9",
      "$type": "color",
      "$description": "Use for the pale green role."
    },
    "pale-blue": {
      "$value": "#f1f5ff",
      "$type": "color",
      "$description": "Use for the pale blue role."
    },
    "hairline": {
      "$value": "#d9d9dd",
      "$type": "color",
      "$description": "Use for the hairline role."
    },
    "border-light": {
      "$value": "#e5e7eb",
      "$type": "color",
      "$description": "Use for the border light role."
    },
    "card-border": {
      "$value": "#f2f2f2",
      "$type": "color",
      "$description": "Use for the card border role."
    },
    "muted": {
      "$value": "#93939f",
      "$type": "color",
      "$description": "Use for the muted role."
    },
    "slate": {
      "$value": "#75758a",
      "$type": "color",
      "$description": "Use for the slate role."
    },
    "body-muted": {
      "$value": "#616161",
      "$type": "color",
      "$description": "Use for the body muted role."
    },
    "action-blue": {
      "$value": "#1863dc",
      "$type": "color",
      "$description": "Use for the action blue role."
    },
    "focus-blue": {
      "$value": "#4c6ee6",
      "$type": "color",
      "$description": "Use for the focus blue role."
    },
    "coral": {
      "$value": "#ff7759",
      "$type": "color",
      "$description": "Use for the coral role."
    },
    "coral-soft": {
      "$value": "#ffad9b",
      "$type": "color",
      "$description": "Use for the coral soft role."
    },
    "form-focus": {
      "$value": "#9b60aa",
      "$type": "color",
      "$description": "Use for the form focus role."
    },
    "on-primary": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on primary role."
    },
    "on-dark": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on dark role."
    },
    "error": {
      "$value": "#b30000",
      "$type": "color",
      "$description": "Use for the error role."
    }
  },
  "typography": {
    "hero-display": {
      "$value": {
        "fontFamily": "CohereText",
        "fontSize": "96px",
        "fontWeight": 400,
        "lineHeight": 1,
        "letterSpacing": "-1.92px"
      },
      "$type": "typography",
      "$description": "Typography style for hero display."
    },
    "product-display": {
      "$value": {
        "fontFamily": "CohereText",
        "fontSize": "72px",
        "fontWeight": 400,
        "lineHeight": 1,
        "letterSpacing": "-1.44px"
      },
      "$type": "typography",
      "$description": "Typography style for product display."
    },
    "section-display": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "60px",
        "fontWeight": 400,
        "lineHeight": 1,
        "letterSpacing": "-1.2px"
      },
      "$type": "typography",
      "$description": "Typography style for section display."
    },
    "section-heading": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "48px",
        "fontWeight": 400,
        "lineHeight": 1.2,
        "letterSpacing": "-0.48px"
      },
      "$type": "typography",
      "$description": "Typography style for section heading."
    },
    "card-heading": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "32px",
        "fontWeight": 400,
        "lineHeight": 1.2,
        "letterSpacing": "-0.32px"
      },
      "$type": "typography",
      "$description": "Typography style for card heading."
    },
    "feature-heading": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "24px",
        "fontWeight": 400,
        "lineHeight": 1.3,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for feature heading."
    },
    "body-large": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "18px",
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body large."
    },
    "body": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body."
    },
    "button": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1.71,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for button."
    },
    "caption": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for caption."
    },
    "mono-label": {
      "$value": {
        "fontFamily": "CohereMono",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": "0.28px"
      },
      "$type": "typography",
      "$description": "Typography style for mono label."
    },
    "micro": {
      "$value": {
        "fontFamily": "Unica77 Cohere Web",
        "fontSize": "12px",
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for micro."
    }
  },
  "spacing": {
    "xxs": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Spacing step xxs."
    },
    "xs": {
      "$value": "6px",
      "$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": "80px",
      "$type": "dimension",
      "$description": "Spacing step section."
    }
  },
  "radius": {
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Border radius xs."
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Border radius sm."
    },
    "md": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Border radius md."
    },
    "lg": {
      "$value": "22px",
      "$type": "dimension",
      "$description": "Border radius lg."
    },
    "xl": {
      "$value": "30px",
      "$type": "dimension",
      "$description": "Border radius xl."
    },
    "pill": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Border radius pill."
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius full."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://cohere.com/",
      "note": "Official brand website used for visual comparison."
    }
  }
}