{
  "$description": "Brand: Tesla (tesla@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette tesla@1.0.0",
      "tesla-red": {
        "$value": "#E82127",
        "$type": "color",
        "$description": "Tesla's signature brand red — the wordmark, the \"T\" mark, and high-priority highlights."
      },
      "tesla-red-deep": {
        "$value": "#B91A1F",
        "$type": "color",
        "$description": "Pressed / hover variant of Tesla Red for interactive states."
      },
      "tesla-black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Canonical canvas — the brand's identity surface; Tesla.com hero modules and the in-car UI default to black."
      },
      "tesla-near-black": {
        "$value": "#0F0F10",
        "$type": "color",
        "$description": "Surface color just above true black — used for the dark product chrome and elevated dark surfaces."
      },
      "tesla-charcoal": {
        "$value": "#1C1C1F",
        "$type": "color",
        "$description": "Elevated surface — modal headers, card backgrounds on the dark canvas."
      },
      "tesla-graphite": {
        "$value": "#3A3A3D",
        "$type": "color",
        "$description": "Border on dark surfaces; secondary surface on light."
      },
      "tesla-silver": {
        "$value": "#86868B",
        "$type": "color",
        "$description": "Tertiary text and icon color on the dark canvas; secondary text on light."
      },
      "tesla-pearl": {
        "$value": "#D6D6D9",
        "$type": "color",
        "$description": "Light surface neutral; secondary text on dark."
      },
      "tesla-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Primary text on the dark canvas; canvas for light-mode marketing surfaces."
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Inter (inter@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "900": {
          "$value": 900,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "body": {
      "family": {
        "$value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Inter (inter@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "900": {
          "$value": 900,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "mono": {
      "family": {
        "$value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → JetBrainsMono Nerd Font (jetbrainsmono-nerdfont@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    }
  },
  "$extensions": {
    "com.brand-atoms.rules": [
      {
        "type": "colorChoice",
        "target": "logo.wordmark.fill",
        "severity": "error",
        "rationale": "The Tesla wordmark and \"T\" mark render in Tesla Red, Tesla White, or Tesla Black depending on the surface. The pressed-red variant is an interactive-state value, not a wordmark fill. The neutral grays are surface and text colors, not brand-mark fills.\n",
        "allowed": [
          "tesla-red",
          "tesla-white",
          "tesla-black"
        ],
        "forbidden": [
          "tesla-red-deep",
          "tesla-silver",
          "tesla-graphite",
          "tesla-pearl"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "The Tesla wordmark and \"T\" mark are rendered flat with generous clearspace. Gradients, shadows, recolorings, and busy-background placements compromise the engineered, restrained identity Tesla's brand depends on across automotive, energy, and storefront contexts.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "gradient-fill",
          "on-busy-photo",
          "placed-without-clearspace",
          "inverted-without-variant"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "Tesla White (#FFFFFF) on Tesla Black (#000000) gives 21:1 — the maximum contrast achievable. The dark-first canvas makes contrast checks the default verification on any new role pairing; AA is the floor.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contrastRatio",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Tesla Red on Tesla Black must clear 3:1 at large-text and UI-component sizes (WCAG AA-large) so the primary mark and CTA remain perceptible against the dark canvas.\n",
        "against": "background",
        "minRatio": 3,
        "standard": "WCAG-AA-large"
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Tesla Red is reserved for the brand mark, the wordmark, and the primary action / high-priority highlight. Using it inside body copy or for secondary links dilutes the signature accent and weakens the visual hierarchy the brand's restrained voice depends on.\n",
        "forbiddenContexts": [
          "body-text",
          "secondary-link",
          "subtle-divider"
        ]
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "Tesla's marketing and product headlines on tesla.com sit most commonly in the Regular (400) through Bold (700) band. Lighter and heavier extremes compromise the engineered, technical voice and are not part of the standard chrome.\n",
        "allowed": [
          "400",
          "500",
          "700"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The dark-first canvas and the safety-critical contexts Tesla surfaces appear in (in-car UI, energy-product monitoring) make contrast checks the non-negotiable floor.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.primary",
        "severity": "recommendation",
        "rationale": "Tesla Red reads cleanest against the near-black dark canvas or pure white. Placing it adjacent to the pressed-red variant or the silver neutral creates a near-tone collision that weakens the saturated brand red's optical impact.\n",
        "pairsWith": [
          "tesla-black",
          "tesla-near-black",
          "tesla-white"
        ],
        "doesNotPairWith": [
          "tesla-red-deep",
          "tesla-silver"
        ]
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://raw.githubusercontent.com/simple-icons/simple-icons/13.0.0/_data/simple-icons.json",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Tesla, Inc. — Tesla, the Tesla wordmark, and the Tesla \"T\" mark are trademarks of Tesla, Inc. The signature red (#E82127) is verified via the simple-icons brand database (v13.0.0). Tesla does not maintain a publicly visible brand-guidelines or design-system page; tesla.com is the primary reference for product chrome.\n",
      "importedDate": "2026-05-19",
      "notes": "Tesla uses a proprietary custom typeface (Tesla's \"Gotham\"- family corporate face) that is not publicly distributed. This atom references Inter@1 as the open-source rendering substitute for the sans roles. The supporting neutral ramp in the referenced palette is authored faithfully to tesla.com's chrome rather than lifted from a single Tesla-published token table; see the palette atom notes. Dark is declared as identity per the brand's actual deployment surface.\n"
    },
    "com.brand-atoms.references": {
      "palette": "tesla@1.0.0",
      "fonts": {
        "heading": "inter@1.0.0",
        "body": "inter@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}