{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for IBM",
  "meta": {
    "name": "IBM",
    "description": "An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px. Type runs IBM Plex Sans at light weight 300 for display sizes (a brand signature) and 400/600 for body and emphasis. Cards live as thin-bordered tiles with no shadow; sections separate via subtle gray rows. The chrome is square, the typography is light, and the only color in the system is one assertive blue — the result reads as old-world enterprise gravitas reframed for the cloud era.",
    "theme": "light"
  },
  "color": {
    "primary": {
      "$value": "#0f62fe",
      "$type": "color",
      "$description": "Use for the primary role."
    },
    "on-primary": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on primary role."
    },
    "ink": {
      "$value": "#161616",
      "$type": "color",
      "$description": "Use for the ink role."
    },
    "ink-muted": {
      "$value": "#525252",
      "$type": "color",
      "$description": "Use for the ink muted role."
    },
    "ink-subtle": {
      "$value": "#8c8c8c",
      "$type": "color",
      "$description": "Use for the ink subtle role."
    },
    "canvas": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the canvas role."
    },
    "surface-1": {
      "$value": "#f4f4f4",
      "$type": "color",
      "$description": "Use for the surface 1 role."
    },
    "surface-2": {
      "$value": "#e0e0e0",
      "$type": "color",
      "$description": "Use for the surface 2 role."
    },
    "inverse-canvas": {
      "$value": "#161616",
      "$type": "color",
      "$description": "Use for the inverse canvas role."
    },
    "inverse-surface-1": {
      "$value": "#262626",
      "$type": "color",
      "$description": "Use for the inverse surface 1 role."
    },
    "inverse-ink": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the inverse ink role."
    },
    "inverse-ink-muted": {
      "$value": "#c6c6c6",
      "$type": "color",
      "$description": "Use for the inverse ink muted role."
    },
    "hairline": {
      "$value": "#e0e0e0",
      "$type": "color",
      "$description": "Use for the hairline role."
    },
    "hairline-strong": {
      "$value": "#161616",
      "$type": "color",
      "$description": "Use for the hairline strong role."
    },
    "blue-60": {
      "$value": "#0043ce",
      "$type": "color",
      "$description": "Use for the blue 60 role."
    },
    "blue-80": {
      "$value": "#002d9c",
      "$type": "color",
      "$description": "Use for the blue 80 role."
    },
    "blue-hover": {
      "$value": "#0050e6",
      "$type": "color",
      "$description": "Use for the blue hover role."
    },
    "semantic-success": {
      "$value": "#24a148",
      "$type": "color",
      "$description": "Use for the semantic success role."
    },
    "semantic-warning": {
      "$value": "#f1c21b",
      "$type": "color",
      "$description": "Use for the semantic warning role."
    },
    "semantic-error": {
      "$value": "#da1e28",
      "$type": "color",
      "$description": "Use for the semantic error role."
    },
    "semantic-info": {
      "$value": "#0f62fe",
      "$type": "color",
      "$description": "Use for the semantic info role."
    }
  },
  "typography": {
    "display-xl": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "76px",
        "fontWeight": 300,
        "lineHeight": 1.17,
        "letterSpacing": "-0.5px"
      },
      "$type": "typography",
      "$description": "Typography style for display xl."
    },
    "display-lg": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "60px",
        "fontWeight": 300,
        "lineHeight": 1.17,
        "letterSpacing": "-0.4px"
      },
      "$type": "typography",
      "$description": "Typography style for display lg."
    },
    "display-md": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "42px",
        "fontWeight": 300,
        "lineHeight": 1.2,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for display md."
    },
    "headline": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "32px",
        "fontWeight": 400,
        "lineHeight": 1.25,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for headline."
    },
    "card-title": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "24px",
        "fontWeight": 400,
        "lineHeight": 1.33,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for card title."
    },
    "subhead": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "20px",
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for subhead."
    },
    "body-lg": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "18px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body lg."
    },
    "body": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0.16px"
      },
      "$type": "typography",
      "$description": "Typography style for body."
    },
    "body-sm": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.29,
        "letterSpacing": "0.16px"
      },
      "$type": "typography",
      "$description": "Typography style for body sm."
    },
    "body-emphasis": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "14px",
        "fontWeight": 600,
        "lineHeight": 1.29,
        "letterSpacing": "0.16px"
      },
      "$type": "typography",
      "$description": "Typography style for body emphasis."
    },
    "caption": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "12px",
        "fontWeight": 400,
        "lineHeight": 1.33,
        "letterSpacing": "0.32px"
      },
      "$type": "typography",
      "$description": "Typography style for caption."
    },
    "button": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.29,
        "letterSpacing": "0.16px"
      },
      "$type": "typography",
      "$description": "Typography style for button."
    },
    "eyebrow": {
      "$value": {
        "fontFamily": "IBM Plex Sans",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.29,
        "letterSpacing": "0.16px"
      },
      "$type": "typography",
      "$description": "Typography style for eyebrow."
    }
  },
  "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": "24px",
      "$type": "dimension",
      "$description": "Spacing step lg."
    },
    "xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Spacing step xl."
    },
    "xxl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Spacing step xxl."
    },
    "section": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Spacing step section."
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "Border radius none."
    },
    "xs": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Border radius xs."
    },
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Border radius sm."
    },
    "md": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Border radius md."
    },
    "lg": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Border radius lg."
    },
    "pill": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius pill."
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius full."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://www.ibm.com/",
      "note": "Official brand website used for visual comparison."
    }
  }
}