{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "meta": {
    "name": "Figma",
    "theme": "light",
    "description": "White gallery wall with a single Electric Indigo spotlight."
  },
  "color": {
    "ink-black": {
      "$type": "color",
      "$value": "#000000",
      "$description": "Figma ink-black token."
    },
    "paper-white": {
      "$type": "color",
      "$value": "#ffffff",
      "$description": "Figma paper-white token."
    },
    "soft-mist": {
      "$type": "color",
      "$value": "#e2e2e2",
      "$description": "Figma soft-mist token."
    },
    "graphite": {
      "$type": "color",
      "$value": "#595959",
      "$description": "Figma graphite token."
    },
    "electric-indigo": {
      "$type": "color",
      "$value": "#4d49fc",
      "$description": "Figma electric-indigo token."
    },
    "figma-cyan": {
      "$type": "color",
      "$value": "#00b6ff",
      "$description": "Figma figma-cyan token."
    },
    "figma-green": {
      "$type": "color",
      "$value": "#24cb71",
      "$description": "Figma figma-green token."
    },
    "figma-orange": {
      "$type": "color",
      "$value": "#ff7237",
      "$description": "Figma figma-orange token."
    },
    "lime-wash": {
      "$type": "color",
      "$value": "#e4ff97",
      "$description": "Figma lime-wash token."
    },
    "lilac": {
      "$type": "color",
      "$value": "#c4baff",
      "$description": "Figma lilac token."
    },
    "blush": {
      "$type": "color",
      "$value": "#ffc9c1",
      "$description": "Figma blush token."
    },
    "aqua-mist": {
      "$type": "color",
      "$value": "#c7f8fb",
      "$description": "Figma aqua-mist token."
    },
    "earworm-teal": {
      "$type": "color",
      "$value": "#33dfdf",
      "$description": "Figma earworm-teal token."
    },
    "mustard": {
      "$type": "color",
      "$value": "#b98e01",
      "$description": "Figma mustard token."
    }
  },
  "typography": {
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaMono, ui-monospace, monospace",
        "fontSize": "12px",
        "lineHeight": 1.3,
        "letterSpacing": "0.48px",
        "fontWeight": 400
      },
      "$description": "Figma caption type style."
    },
    "body-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaSans, Inter, sans-serif",
        "fontSize": "16px",
        "lineHeight": 1.45,
        "letterSpacing": "-0.11px",
        "fontWeight": 330
      },
      "$description": "Figma body-sm type style."
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaSans, Inter, sans-serif",
        "fontSize": "18px",
        "lineHeight": 1.4,
        "letterSpacing": "-0.18px",
        "fontWeight": 400
      },
      "$description": "Figma body type style."
    },
    "heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaSans, Inter, sans-serif",
        "fontSize": "24px",
        "lineHeight": 1.35,
        "letterSpacing": "-0.24px",
        "fontWeight": 340
      },
      "$description": "Figma heading type style."
    },
    "heading-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaSans, Inter, sans-serif",
        "fontSize": "56px",
        "lineHeight": 1.1,
        "letterSpacing": "-0.84px",
        "fontWeight": 320
      },
      "$description": "Figma heading-lg type style."
    },
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaSans, Inter, sans-serif",
        "fontSize": "72px",
        "lineHeight": 1.1,
        "letterSpacing": "-1.44px",
        "fontWeight": 320
      },
      "$description": "Figma display type style."
    }
  },
  "spacing": {
    "4": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "4px spacing."
    },
    "8": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "8px spacing."
    },
    "12": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "12px spacing."
    },
    "16": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "16px spacing."
    },
    "20": {
      "$type": "dimension",
      "$value": "20px",
      "$description": "20px spacing."
    },
    "24": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "24px spacing."
    },
    "32": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "32px spacing."
    },
    "40": {
      "$type": "dimension",
      "$value": "40px",
      "$description": "40px spacing."
    },
    "48": {
      "$type": "dimension",
      "$value": "48px",
      "$description": "48px spacing."
    },
    "56": {
      "$type": "dimension",
      "$value": "56px",
      "$description": "56px spacing."
    },
    "60": {
      "$type": "dimension",
      "$value": "60px",
      "$description": "60px spacing."
    },
    "64": {
      "$type": "dimension",
      "$value": "64px",
      "$description": "64px spacing."
    },
    "80": {
      "$type": "dimension",
      "$value": "80px",
      "$description": "80px spacing."
    },
    "120": {
      "$type": "dimension",
      "$value": "120px",
      "$description": "120px spacing."
    },
    "180": {
      "$type": "dimension",
      "$value": "180px",
      "$description": "180px spacing."
    }
  },
  "radius": {
    "icons": {
      "$type": "dimension",
      "$value": "2px",
      "$description": "Figma icons radius."
    },
    "tags": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Figma tags radius."
    },
    "cards": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Figma cards radius."
    },
    "buttons": {
      "$type": "dimension",
      "$value": "50px",
      "$description": "Figma buttons radius."
    }
  },
  "shadow": {
    "xl": {
      "$type": "shadow",
      "$value": "rgba(0, 0, 0, 0.1) 0px 24px 70px 0px",
      "$description": "Floating hero card elevation only."
    }
  }
}