{
  "id": "figma",
  "version": "1.0.0",
  "name": "Figma",
  "description": "Figma is a browser-based design and prototyping platform — and since the 2024 expansion, also a sites/dev-mode/AI surface — owned by Adobe. The brand voice is collaborative, playful, and developer- adjacent. Visually, Figma is recognized by its five-color mark (orange, coral, purple, blue, green) and its clean white-canvas marketing surfaces with near-black body text. Where competitors pick one signature color, Figma's identity IS the five-color composition.\n",
  "provenance": {
    "source": "https://www.figma.com/using-the-figma-brand/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Figma and the Figma logo are trademarks of Figma, Inc. (an Adobe company). The five mark colors are verified by reading the published Figma logo SVG on Wikimedia Commons; the primary orange-red (#F24E1E) is independently cross-referenced by the simple-icons brand database, which cites figma.com/using-the-figma-brand/ as the source.\n",
    "importedDate": "2026-05-17",
    "notes": "Figma's brand guidance explicitly prohibits modifying the mark, embedding fragments of it into other identities, or implying affiliation. brand-atoms catalogues the five mark colors as the documented palette; consumers building Figma-adjacent surfaces should treat the mark composition as fixed. Inter is referenced here as the primary face — Inter is widely deployed on Figma's marketing surfaces and is in the brand-atoms catalog.\n"
  },
  "tags": [
    "saas",
    "design-tools",
    "figma",
    "adobe",
    "collaboration"
  ],
  "palette": {
    "ref": "figma@1.0.0",
    "swatches": [
      {
        "id": "figma-orange",
        "name": "Figma Orange",
        "value": "#F24E1E",
        "description": "Primary mark color — the top-left red-orange shape. The de-facto signature when a single brand color is needed.",
        "aliases": []
      },
      {
        "id": "figma-coral",
        "name": "Figma Coral",
        "value": "#FF7262",
        "description": "Mid-left coral shape of the mark — the lighter partner to figma-orange.",
        "aliases": []
      },
      {
        "id": "figma-purple",
        "name": "Figma Purple",
        "value": "#A259FF",
        "description": "Bottom-left purple shape of the mark.",
        "aliases": []
      },
      {
        "id": "figma-blue",
        "name": "Figma Blue",
        "value": "#1ABCFE",
        "description": "Top-right cyan-blue shape of the mark.",
        "aliases": []
      },
      {
        "id": "figma-green",
        "name": "Figma Green",
        "value": "#0ACF83",
        "description": "Mid-right green shape of the mark.",
        "aliases": []
      },
      {
        "id": "figma-white",
        "name": "Figma White",
        "value": "#FFFFFF",
        "description": "Canvas on light surfaces; reversed wordmark fill.",
        "aliases": []
      },
      {
        "id": "figma-black",
        "name": "Figma Black",
        "value": "#000000",
        "description": "Wordmark on light backgrounds.",
        "aliases": []
      },
      {
        "id": "figma-canvas-dark",
        "name": "Figma Canvas Dark",
        "value": "#1E1E1E",
        "description": "Authored dark-mode canvas — neutral near-black.",
        "aliases": []
      },
      {
        "id": "figma-surface-dark",
        "name": "Figma Surface Dark",
        "value": "#2C2C2C",
        "description": "Authored elevated surface on dark mode.",
        "aliases": []
      },
      {
        "id": "figma-surface-light",
        "name": "Figma Surface Light",
        "value": "#F5F5F5",
        "description": "Authored panel surface for light mode.",
        "aliases": []
      },
      {
        "id": "figma-text-secondary",
        "name": "Figma Text Secondary",
        "value": "#757575",
        "description": "Authored secondary text — neutral mid-gray.",
        "aliases": []
      },
      {
        "id": "figma-text-tertiary",
        "name": "Figma Text Tertiary",
        "value": "#B3B3B3",
        "description": "Authored tertiary / muted text.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "figma-white",
          "surface": "figma-surface-light",
          "surface-elevated": "figma-white",
          "text-primary": "figma-black",
          "text-secondary": "figma-text-secondary",
          "text-tertiary": "figma-text-tertiary",
          "primary": "figma-blue",
          "primary-hover": "figma-blue",
          "accent": "figma-orange",
          "accent-hover": "figma-coral",
          "warning": "figma-orange",
          "warning-hover": "figma-coral",
          "error": "figma-orange",
          "success": "figma-green"
        }
      },
      "dark": {
        "roles": {
          "background": "figma-canvas-dark",
          "surface": "figma-surface-dark",
          "surface-elevated": "figma-surface-dark",
          "text-primary": "figma-white",
          "text-secondary": "figma-text-tertiary",
          "text-tertiary": "figma-text-secondary",
          "primary": "figma-blue",
          "primary-hover": "figma-blue",
          "accent": "figma-orange",
          "accent-hover": "figma-coral",
          "warning": "figma-orange",
          "warning-hover": "figma-coral",
          "error": "figma-orange",
          "success": "figma-green"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "body",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "mono",
      "ref": "jetbrainsmono-nerdfont@1.0.0",
      "family": "JetBrainsMono Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "JetBrainsMono Nerd Font",
        "notes": "Nerd-Font-patched build of JetBrains Mono. Not available via Google Fonts. Download woff2/ttf files from the Nerd Fonts GitHub release and self-host, or install system-wide for terminal/IDE use.\n"
      },
      "fallbackStack": [
        "JetBrains Mono",
        "Fira Code",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "figma-orange",
      "on-identity": "figma-white",
      "primary": "figma-blue",
      "primary-hover": "figma-blue",
      "accent": "figma-orange",
      "accent-hover": "figma-coral",
      "mark-orange": "figma-orange",
      "mark-coral": "figma-coral",
      "mark-purple": "figma-purple",
      "mark-blue": "figma-blue",
      "mark-green": "figma-green",
      "success": "figma-green",
      "warning": "figma-orange",
      "error": "figma-orange",
      "background-light": "figma-white",
      "background-dark": "figma-canvas-dark",
      "surface-light": "figma-surface-light",
      "surface-dark": "figma-surface-dark",
      "text-primary-light": "figma-black",
      "text-primary-dark": "figma-white"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.mark",
      "severity": "error",
      "rationale": "The five mark colors are the documented composition; only the neutral black/white monochrome variants are permitted as alternates. Figma's brand guidance forbids modifying the mark into other hues.\n",
      "allowed": [
        "figma-orange",
        "figma-coral",
        "figma-purple",
        "figma-blue",
        "figma-green",
        "figma-white",
        "figma-black"
      ],
      "forbidden": [
        "any-non-brand-color"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Figma's brand guidelines explicitly prohibit modifying the marks or integrating parts of them into other identities. The mark is a fixed composition of five colored shapes.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "fragmented-into-other-identities",
        "integrated-with-other-marks"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "WCAG 2.1 Level AA contrast minimum for body text. Figma Black (#000000) on Figma White (#FFFFFF) clears AA comfortably.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On dark surfaces, use Figma's documented light-on-dark mark variant; do not invert the five-color SVG on the fly.\n",
      "when": {
        "backgroundColorScheme": "dark"
      },
      "use": "logo-light"
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.mark-orange",
      "severity": "recommendation",
      "rationale": "When a single Figma color is used as accent, it pairs cleanly with white or black. Combining it with another mark color outside the canonical composition risks reading as a corrupted mark.\n",
      "pairsWith": [
        "figma-white",
        "figma-black"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.identity",
      "severity": "error",
      "rationale": "Figma's brand guidelines forbid use of \"Figma\" in third-party company names, product names, domain names, and social-media handles, and forbid uses that imply affiliation.\n",
      "forbiddenContexts": [
        "product-of-competitor",
        "merchandise",
        "endorsement-implication",
        "company-name-or-domain"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Inter on figma.com renders headings in the 500–700 band; lighter weights compromise the bold, confident voice of the marketing surface.\n",
      "allowed": [
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Figma-skinned surfaces must clear AA on body text.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    }
  ]
}