{
  "$generatedBy": "BrandSweets tokens.json — figma v2",
  "brand": {
    "slug": "figma",
    "name": "Figma",
    "version": 2,
    "schemaVersion": "1"
  },
  "identity": {
    "name": "Figma",
    "tagline": "Nothing great is made alone.",
    "sector": "design software"
  },
  "colors": {
    "primary": {
      "hex": "#f24e1e",
      "name": "Figma Red",
      "usage": "Signature brand red — the top-left shape of the mark; the color the brand reads as at a glance.",
      "scale": {
        "50": "#fdeee9",
        "100": "#fbdccf",
        "200": "#f7b49f",
        "300": "#f58a6a",
        "400": "#f36a41",
        "500": "#f24e1e",
        "600": "#cc3d15",
        "700": "#a12f11",
        "800": "#7e2711",
        "900": "#672213",
        "950": "#381005"
      }
    },
    "accent": {
      "hex": "#0d99ff",
      "name": "Figma Blue",
      "usage": "Product accent blue — primary buttons, links, selection in the app UI.",
      "scale": {
        "50": "#e6f6ff",
        "100": "#cceaff",
        "200": "#99d5ff",
        "300": "#5cbdff",
        "400": "#2ba8ff",
        "500": "#0d99ff",
        "600": "#0a7acc",
        "700": "#0861a3",
        "800": "#0a5182",
        "900": "#0d446b",
        "950": "#062a45"
      }
    },
    "surface": {
      "hex": "#ffffff",
      "usage": "Background — white; canvas gray at 200.",
      "scale": {
        "50": "#ffffff",
        "100": "#fafafa",
        "200": "#f2f2f2",
        "300": "#e6e6e6",
        "400": "#d1d1d1",
        "500": "#a3a3a3",
        "600": "#757575",
        "700": "#545454",
        "800": "#333333",
        "900": "#1e1e1e",
        "950": "#0d0d0d"
      }
    },
    "text": {
      "hex": "#1e1e1e",
      "usage": "Body and heading ink.",
      "scale": {
        "50": "#f4f4f4",
        "100": "#e4e4e4",
        "200": "#c8c8c8",
        "300": "#a1a1a1",
        "400": "#727272",
        "500": "#525252",
        "600": "#3d3d3d",
        "700": "#2e2e2e",
        "800": "#242424",
        "900": "#1e1e1e",
        "950": "#0d0d0d"
      }
    },
    "logoBlue": {
      "hex": "#1abcfe",
      "usage": "Bottom shape of the Figma mark (cyan).",
      "scale": {
        "50": "#e7f8ff",
        "100": "#cbf0ff",
        "200": "#98e2ff",
        "300": "#5bd0fe",
        "400": "#1abcfe",
        "500": "#0e9bd4",
        "600": "#0c7dac",
        "700": "#0e6588",
        "800": "#12536e",
        "900": "#14455c",
        "950": "#092a3a"
      }
    },
    "logoGreen": {
      "hex": "#0acf83",
      "usage": "Top-right shape of the Figma mark.",
      "scale": {
        "50": "#e6fbf1",
        "100": "#c4f5df",
        "200": "#89ebbf",
        "300": "#48dd9c",
        "400": "#1fd48a",
        "500": "#0acf83",
        "600": "#08a869",
        "700": "#0a8455",
        "800": "#0c6845",
        "900": "#0c563a",
        "950": "#033020"
      }
    },
    "logoOrange": {
      "hex": "#ff7262",
      "usage": "Right-middle shape of the Figma mark.",
      "scale": {
        "50": "#fff0ee",
        "100": "#ffdedb",
        "200": "#ffbdb6",
        "300": "#ff958b",
        "400": "#ff7262",
        "500": "#f5503c",
        "600": "#d43a29",
        "700": "#ad2d20",
        "800": "#8a271d",
        "900": "#71241d",
        "950": "#3f0f0b"
      }
    },
    "logoPurple": {
      "hex": "#a259ff",
      "usage": "Left-middle shape of the Figma mark.",
      "scale": {
        "50": "#f4ecff",
        "100": "#e9d8ff",
        "200": "#d3b0ff",
        "300": "#bd88ff",
        "400": "#b071ff",
        "500": "#a259ff",
        "600": "#8438e6",
        "700": "#6a2ac0",
        "800": "#56259b",
        "900": "#48227d",
        "950": "#2c1250"
      }
    },
    "logoRed": {
      "hex": "#f24e1e",
      "usage": "Top-left shape of the Figma mark.",
      "scale": {
        "50": "#fdeee9",
        "100": "#fbdccf",
        "200": "#f7b49f",
        "300": "#f58a6a",
        "400": "#f36a41",
        "500": "#f24e1e",
        "600": "#cc3d15",
        "700": "#a12f11",
        "800": "#7e2711",
        "900": "#672213",
        "950": "#381005"
      }
    }
  },
  "typography": {
    "families": {
      "inter": {
        "family": "Inter",
        "source": "google",
        "stack": "Inter, system-ui, sans-serif",
        "weights": [
          400,
          500
        ],
        "foundry": "Rasmus Andersson",
        "licensingNote": "Inter (SIL OFL) — product UI and long-form body; safe to self-host."
      },
      "roboto-mono": {
        "family": "Roboto Mono",
        "source": "google",
        "stack": "\"Roboto Mono\", ui-monospace, monospace",
        "weights": [
          400,
          500
        ],
        "licensingNote": "Roboto Mono (Apache 2.0) — code and technical labels."
      },
      "whyte": {
        "family": "Whyte",
        "source": "licensed",
        "stack": "Whyte, \"Helvetica Neue\", Arial, sans-serif",
        "weights": [
          400,
          500
        ],
        "foundry": "Dinamo",
        "licensingNote": "Whyte by Dinamo — licensed brand sans; never rehosted."
      },
      "whyte-inktrap": {
        "family": "Whyte Inktrap",
        "source": "licensed",
        "stack": "\"Whyte Inktrap\", Whyte, \"Helvetica Neue\", Arial, sans-serif",
        "weights": [
          500,
          700
        ],
        "foundry": "Dinamo",
        "licensingNote": "Whyte Inktrap by Dinamo — licensed display cut for big brand headlines. Reference by name only; never rehosted."
      }
    },
    "roles": {
      "display": {
        "familyRef": "whyte-inktrap",
        "stack": "\"Whyte Inktrap\", Whyte, \"Helvetica Neue\", Arial, sans-serif",
        "weights": [
          500,
          700
        ]
      },
      "heading": {
        "familyRef": "whyte",
        "stack": "Whyte, \"Helvetica Neue\", Arial, sans-serif",
        "weights": [
          400,
          500
        ]
      },
      "body": {
        "familyRef": "inter",
        "stack": "Inter, system-ui, sans-serif",
        "weights": [
          400,
          500
        ]
      },
      "mono": {
        "familyRef": "roboto-mono",
        "stack": "\"Roboto Mono\", ui-monospace, monospace"
      }
    },
    "scale": [
      {
        "name": "xs",
        "sizeRem": 0.75,
        "lineHeight": 1.5
      },
      {
        "name": "sm",
        "sizeRem": 0.875,
        "lineHeight": 1.5
      },
      {
        "name": "base",
        "sizeRem": 1,
        "lineHeight": 1.5
      },
      {
        "name": "lg",
        "sizeRem": 1.375,
        "lineHeight": 1.35
      },
      {
        "name": "xl",
        "sizeRem": 2,
        "lineHeight": 1.2,
        "letterSpacingEm": -0.01
      },
      {
        "name": "display",
        "sizeRem": 4,
        "lineHeight": 1,
        "letterSpacingEm": -0.03
      }
    ]
  },
  "spacing": {
    "1": 0.25,
    "2": 0.5,
    "4": 1,
    "6": 1.5,
    "8": 2,
    "12": 3
  },
  "radius": {
    "full": 9999,
    "lg": 0.875,
    "md": 0.5,
    "sm": 0.25
  },
  "shadows": {
    "lg": "0 12px 40px rgba(0,0,0,0.16)",
    "sm": "0 1px 3px rgba(0,0,0,0.1)"
  }
}