{
  "id": "unity",
  "version": "1.0.0",
  "name": "Unity",
  "description": "Unity is the San Francisco-headquartered real-time 3D engine and developer-platform company behind the Unity Editor, the runtime for thousands of shipped games (including a large share of the mobile and indie PC market), Unity Cloud, Unity AI, Unity DOTS, and the Unity Ads / IronSource monetization stack. The brand voice under the recent \"Mango\" design system is product-tooling professional: developer-first marketing, deep feature documentation, and a calibrated mix of light marketing chrome with a stark black header treatment. Visually, Unity is light- first with a black navigation surface: a paper canvas (#FFFFFF) carries the marketing surfaces and the Unity cube mark, a pure- black header chrome (#000000) inverts to white type, and the Mango Blue (#3358D4) family carries the primary action across the design system.\nTypography is Inter (open-source) for both sans body and headings, with the proprietary Platform and Nohemi families declared on the live site for hero display use.\n",
  "provenance": {
    "source": "https://unity.com/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Unity Technologies — visual identity captured from the deployed \"Mango\" design-system tokens on unity.com (--color- mango-*, --color-gray-*, --color-blue-*, --font-platform, --font-inter, --font-nohemi CSS custom-property families). Unity, the Unity logo, the Unity cube mark, Unity DOTS, Unity Cloud, and associated marks are trademarks of Unity Technologies.\n",
    "importedDate": "2026-05-19",
    "notes": "Derived from live site CSS at https://unity.com/ on 2026-05-19. The Unity brand page (https://unity.com/brand) returned a 403 to programmatic clients on this fetch; this atom captures the live marketing-site CSS only. The primary typeface is Inter (--font-inter, open-source) for body and most marketing copy; the proprietary Platform face (--font-platform, declared via @font-face but not publicly distributed) and Nohemi (--font-nohemi, also proprietary) are reserved for hero display use. This atom references inter@1 for all roles. assets: [] per the encyclopedia's trademark-redistribution policy.\n"
  },
  "tags": [
    "unity",
    "gaming",
    "engine",
    "real-time-3d",
    "developer-tooling",
    "blue"
  ],
  "palette": {
    "ref": "unity@1.0.0",
    "swatches": [
      {
        "id": "mango-blue",
        "name": "Mango Blue",
        "value": "#3358D4",
        "description": "Primary brand action — --color-mango-blue-500. The Unity Download / Get Started CTA fill on the live marketing site.\n",
        "aliases": []
      },
      {
        "id": "mango-blue-hover",
        "name": "Mango Blue Hover",
        "value": "#2B4FCA",
        "description": "Hover variant — --color-mango-blue-600.\n",
        "aliases": []
      },
      {
        "id": "mango-blue-deep",
        "name": "Mango Blue Deep",
        "value": "#2746A7",
        "description": "Deep / pressed variant — --color-mango-blue-700.\n",
        "aliases": []
      },
      {
        "id": "mango-blue-light",
        "name": "Mango Blue Light",
        "value": "#5779E8",
        "description": "Light variant — --color-mango-blue-400.\n",
        "aliases": []
      },
      {
        "id": "mango-blue-focus",
        "name": "Mango Blue Focus",
        "value": "#238CEC",
        "description": "Focus-ring blue — --color-mango-blue-focus.\n",
        "aliases": []
      },
      {
        "id": "blue-dark",
        "name": "Blue Dark",
        "value": "#0A5CF5",
        "description": "Documented marketing-link blue — --color-blue-dark and --color-sky-700.\n",
        "aliases": []
      },
      {
        "id": "blue-base",
        "name": "Blue Base",
        "value": "#3A5BC7",
        "description": "Documented brand blue — --color-blue. Used as the primary- btn-hover gradient stop.\n",
        "aliases": []
      },
      {
        "id": "blue-light",
        "name": "Blue Light",
        "value": "#9EB1FF",
        "description": "Pale brand blue — --color-blue-light.\n",
        "aliases": []
      },
      {
        "id": "mango-black",
        "name": "Mango Black",
        "value": "#000000",
        "description": "Pure black — --color-mango-black. The Unity page header / navigation chrome.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-950",
        "name": "Mango Gray 950",
        "value": "#1D1D1D",
        "description": "Deepest neutral — --color-mango-gray-950.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-900",
        "name": "Mango Gray 900",
        "value": "#242424",
        "description": "High-emphasis text on light — --color-mango-gray-900 and --color-gray-800.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-800",
        "name": "Mango Gray 800",
        "value": "#262626",
        "description": "Secondary deep neutral — --color-mango-gray-800.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-700",
        "name": "Mango Gray 700",
        "value": "#424242",
        "description": "Body text on light surface — --color-mango-gray-700.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-600",
        "name": "Mango Gray 600",
        "value": "#585858",
        "description": "Secondary text — --color-mango-gray-600.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-500",
        "name": "Mango Gray 500",
        "value": "#727272",
        "description": "Tertiary text — --color-mango-gray-500.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-400",
        "name": "Mango Gray 400",
        "value": "#A6A6A6",
        "description": "Pale neutral text — --color-mango-gray-400.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-300",
        "name": "Mango Gray 300",
        "value": "#CCCCCC",
        "description": "Border / divider — --color-mango-gray-300 and --color- gray-300.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-200",
        "name": "Mango Gray 200",
        "value": "#E6E6E6",
        "description": "Quiet divider — --color-mango-gray-200.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-100",
        "name": "Mango Gray 100",
        "value": "#F0F0F0",
        "description": "Pale surface — --color-mango-gray-100.\n",
        "aliases": []
      },
      {
        "id": "mango-gray-50",
        "name": "Mango Gray 50",
        "value": "#F5F5F5",
        "description": "Lightest neutral surface — --color-mango-gray-50.\n",
        "aliases": []
      },
      {
        "id": "mango-white",
        "name": "Mango White",
        "value": "#FFFFFF",
        "description": "Primary canvas — --color-mango-white.\n",
        "aliases": []
      },
      {
        "id": "mango-success",
        "name": "Mango Success",
        "value": "#16A34A",
        "description": "Success green — --color-mango-success and --color-green- dark.\n",
        "aliases": []
      },
      {
        "id": "mango-warning",
        "name": "Mango Warning",
        "value": "#D97706",
        "description": "Warning amber — --color-mango-warning.\n",
        "aliases": []
      },
      {
        "id": "mango-error",
        "name": "Mango Error",
        "value": "#DC2626",
        "description": "Error red — --color-mango-error.\n",
        "aliases": []
      },
      {
        "id": "mango-info",
        "name": "Mango Info",
        "value": "#3358D4",
        "description": "Informational blue — --color-mango-info (alias of mango- blue-500).\n",
        "aliases": []
      },
      {
        "id": "brand-red",
        "name": "Brand Red",
        "value": "#FF5449",
        "description": "Bright marketing red — --color-red. Used for promotional accents and end-of-line announcements.\n",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "mango-white",
          "surface": "mango-gray-50",
          "surface-elevated": "mango-white",
          "text-primary": "mango-gray-900",
          "text-secondary": "mango-gray-700",
          "text-tertiary": "mango-gray-500",
          "primary": "mango-blue",
          "primary-hover": "mango-blue-hover",
          "accent": "blue-base",
          "accent-hover": "blue-dark",
          "warning": "mango-warning",
          "warning-hover": "mango-error",
          "error": "mango-error",
          "success": "mango-success",
          "border": "mango-gray-300"
        }
      },
      "dark": {
        "roles": {
          "background": "mango-black",
          "surface": "mango-gray-950",
          "surface-elevated": "mango-gray-900",
          "text-primary": "mango-white",
          "text-secondary": "mango-gray-300",
          "text-tertiary": "mango-gray-400",
          "primary": "mango-blue",
          "primary-hover": "mango-blue-light",
          "accent": "blue-light",
          "accent-hover": "mango-blue-focus",
          "warning": "mango-warning",
          "warning-hover": "mango-error",
          "error": "mango-error",
          "success": "mango-success",
          "border": "mango-gray-700"
        }
      }
    }
  },
  "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": "mango-white",
      "on-identity": "mango-black",
      "primary": "mango-blue",
      "primary-hover": "mango-blue-hover",
      "accent": "blue-base",
      "accent-hover": "blue-dark",
      "mark": "mango-black",
      "success": "mango-success",
      "warning": "mango-warning",
      "error": "mango-error",
      "text-primary-light": "mango-gray-900",
      "text-primary-dark": "mango-white",
      "background-light": "mango-white",
      "background-dark": "mango-black",
      "surface-light": "mango-gray-50",
      "surface-dark": "mango-gray-950",
      "text-secondary-light": "mango-gray-700",
      "text-tertiary-light": "mango-gray-500",
      "border-light": "mango-gray-300"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "roles.colors.mark",
      "severity": "error",
      "rationale": "The Unity cube mark and wordmark render in monochrome across the live marketing site — pure black (#000000) on light surfaces and pure white on dark surfaces. The Mango Blue is the *action* color, not the mark fill; substituting any of the status colors (success, warning, error) or the bright brand-red for the mark fill misrepresents the brand's documented monochrome posture.\n",
      "allowed": [
        "mango-black",
        "mango-white"
      ],
      "forbidden": [
        "mango-blue",
        "blue-base",
        "mango-success",
        "mango-warning",
        "mango-error",
        "brand-red"
      ]
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Unity's primary action color across the Mango design system is the blue family — observed on the live \"Get Started\", \"Download Unity\", and \"Plans and pricing\" CTAs as the --color-mango-blue-500 fill. The status colors (green, amber, red) are reserved for confirmation, alert, and error states respectively; substituting any of them for the primary inverts the documented action grammar.\n",
      "allowed": [
        "mango-blue",
        "mango-blue-hover",
        "mango-blue-deep",
        "blue-base"
      ],
      "forbidden": [
        "mango-success",
        "mango-warning",
        "mango-error",
        "brand-red"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Unity's wordmark and cube mark are fixed-proportion identities. The brand's published assets render only in solid monochrome with documented clearspace; gradient- filling, drop-shadowing, skewing, rotating, or placing the mark on a busy photo conflicts with the brand's developer-tooling restraint.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "gradient-fill",
        "on-busy-photo",
        "outlined",
        "distorted"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Mango Gray 900 (#242424) on Mango White (#FFFFFF) measures ~16:1 — clears WCAG AAA decisively. Unity's marketing surfaces carry long-form technical documentation, code snippets, and dense feature comparison tables; the AAA contrast floor matches the long-read posture.\n",
      "against": "background",
      "minRatio": 7,
      "standard": "WCAG-AAA"
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.primary",
      "severity": "warning",
      "rationale": "Mango Blue is a focal action accent — observed only on CTA fills, focus rings, and inline links on the live marketing site. Unity's hero headlines, large surfaces, and page backgrounds are monochrome (paper canvas with black navigation); a blue hero background or blue headline treatment would read as a sub-product page (e.g., Unity Cloud), not as the parent Unity identity.\n",
      "allowedContexts": [
        "primary-cta",
        "inline-link",
        "focus-ring",
        "active-state"
      ],
      "forbiddenContexts": [
        "background",
        "large-surface",
        "hero-headline"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Unity's live marketing CSS declares Inter at Light (300), Regular (400), Medium (500), SemiBold (600), and Bold (700) via --font-weight-light, --font-weight-normal, --font-weight-medium, --font-weight-semibold, and --font- weight-bold. Heading roles use 400–700; Light (300) is reserved for body / legal text. The Thin (100) --font-weight-thin token exists but is not exercised by the live chrome.\n",
      "allowed": [
        "400",
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.primary",
      "severity": "recommendation",
      "rationale": "Mango Blue reads cleanest against the white / lightest- gray canvases or the inverted black chrome. Placing it directly adjacent to the status colors (success green, warning amber, brand red) introduces chromatic conflict — the live site keeps these channels structurally separated with neutral surfaces.\n",
      "pairsWith": [
        "mango-white",
        "mango-gray-50",
        "mango-black",
        "mango-gray-950"
      ],
      "doesNotPairWith": [
        "brand-red",
        "mango-warning",
        "mango-success"
      ]
    },
    {
      "type": "fontPairing",
      "target": "typography.display",
      "severity": "recommendation",
      "rationale": "Unity's live marketing chrome pairs the proprietary Platform display face (--font-platform) with Inter for body. When Platform is unavailable, Inter Bold (700) carries the display role at a 1.5× minimum size ratio over Inter Regular (400) prose to preserve hierarchy from a single family.\n",
      "requires": "prose",
      "minSizeRatio": 1.5
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "warning",
      "rationale": "WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced) — Level AAA. Unity's marketing surfaces carry long-form technical documentation and the Unity Editor's product surfaces specifically (which run for hours of focused work) benefit from the AAA contrast band rather than the AA floor.\n",
      "standard": "WCAG-AAA",
      "criterion": "1.4.6"
    }
  ]
}