@atlaskit/tokens/figma/atlassian-typography.json

Design tokens are the single source of truth to name and store design decisions.

{
  "name": "Typography",
  "tokens": {
    "Typography/font.weight.regular": {
      "attributes": {
        "group": "fontWeight",
        "state": "active",
        "introduced": "0.10.33",
        "description": "Default font weight for body text styles."
      },
      "value": "400"
    },
    "Typography/font.weight.medium": {
      "attributes": {
        "group": "fontWeight",
        "state": "active",
        "introduced": "0.10.33",
        "description": "For all text that may appear beside iconography, such as in a button."
      },
      "value": "500"
    },
    "Typography/font.weight.semibold": {
      "attributes": {
        "group": "fontWeight",
        "state": "active",
        "introduced": "0.10.33",
        "description": "Use with caution as fallback fonts do not support this font weight and will default to bold weight."
      },
      "value": "600"
    },
    "Typography/font.weight.bold": {
      "attributes": {
        "group": "fontWeight",
        "state": "active",
        "introduced": "0.10.33",
        "description": "Use sparingly for emphasising text, such as in a lozenge."
      },
      "value": "653"
    },
    "Typography/font.family.heading": {
      "attributes": {
        "group": "fontFamily",
        "state": "active",
        "introduced": "1.14.0",
        "description": "For our default UI heading text."
      },
      "value": "\"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif"
    },
    "Typography/font.family.body": {
      "attributes": {
        "group": "fontFamily",
        "state": "active",
        "introduced": "1.14.0",
        "description": "For our default UI body text."
      },
      "value": "\"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif"
    },
    "Typography/font.family.code": {
      "attributes": {
        "group": "fontFamily",
        "state": "active",
        "introduced": "1.14.0",
        "description": "For representing code only."
      },
      "value": "\"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
    },
    "Typography/font.family.brand.heading": {
      "attributes": {
        "group": "fontFamily",
        "state": "active",
        "introduced": "1.14.0",
        "description": "For our brand heading text. Uses Charlie Display."
      },
      "value": "\"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif"
    },
    "Typography/font.family.brand.body": {
      "attributes": {
        "group": "fontFamily",
        "state": "active",
        "introduced": "1.14.0",
        "description": "For our brand body text. Uses Charlie Text."
      },
      "value": "\"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif"
    }
  },
  "renameMap": {}
}