{
  "id": "mistral",
  "version": "1.0.0",
  "name": "Mistral AI",
  "description": "Mistral AI is a Paris-based AI research company and the maker of open-weight large language models including Mistral 7B, Mixtral 8x7B/8x22B, and the Mistral Large family. The brand voice is precise, European-engineering-confident, and unapologetically technical — research-paper density over marketing gloss. Visually, Mistral is dark-first and warm: a near-black \"Matt\" canvas, a signature Sunshine ramp that travels from pale yellow through pumpkin to ember-red, and a horizontal rainbow stripe rendered across the site footer as the identity's optical signature. Typography is the proprietary Pixelbasel display face paired with FragmentMono for code.\n",
  "provenance": {
    "source": "https://mistral.ai/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Mistral AI — visual identity captured from the deployed stylesheet on mistral.ai (--color-mistral-sunshine-*, --mistral-beige-*, --mistral-black-matt-*, --mistral-orange, --mistral-red, --mistral-footer-band-* token families). Mistral, Mistral AI, and associated marks are property of Mistral AI.\n",
    "importedDate": "2026-05-18",
    "notes": "Derived from live site CSS at https://mistral.ai/ on 2026-05-18; no public brand guide located. The proprietary display face Pixelbasel and proprietary mono FragmentMono are declared on mistral.ai via @font-face but are not publicly distributed. This atom references inter@1 as the open-source rendering substitute for the sans/display role and geist-mono@1 as the open-source rendering substitute for the mono role.\n"
  },
  "tags": [
    "mistral",
    "ai",
    "llm",
    "open-weight",
    "brand",
    "dark-first",
    "orange",
    "european"
  ],
  "palette": {
    "ref": "mistral@1.0.0",
    "swatches": [
      {
        "id": "matt-deep",
        "name": "Matt Deep",
        "value": "#000000",
        "description": "Pure black — deepest accent on dark canvas.",
        "aliases": []
      },
      {
        "id": "matt-black",
        "name": "Matt Black",
        "value": "#1F1F1F",
        "description": "Primary dark canvas — Mistral's matt black surface.",
        "aliases": []
      },
      {
        "id": "matt-black-tint",
        "name": "Matt Black Tint",
        "value": "#3D3D3D",
        "description": "Elevated surface on dark canvas.",
        "aliases": []
      },
      {
        "id": "beige-light",
        "name": "Beige Light",
        "value": "#FFF7E0",
        "description": "Light canvas — warm cream paper tone.",
        "aliases": []
      },
      {
        "id": "beige-deep",
        "name": "Beige Deep",
        "value": "#FCEFC6",
        "description": "Elevated surface on beige canvas.",
        "aliases": []
      },
      {
        "id": "beige-deeper",
        "name": "Beige Deeper",
        "value": "#E6D2A0",
        "description": "Border / quiet divider on beige canvas.",
        "aliases": []
      },
      {
        "id": "sunshine-50",
        "name": "Sunshine 50",
        "value": "#FFF0C3",
        "description": "Palest sunshine — surface tint.",
        "aliases": []
      },
      {
        "id": "sunshine-100",
        "name": "Sunshine 100",
        "value": "#FFE295",
        "description": "Pale sunshine yellow.",
        "aliases": []
      },
      {
        "id": "sunshine-200",
        "name": "Sunshine 200",
        "value": "#FFDD8A",
        "description": "Soft yellow.",
        "aliases": []
      },
      {
        "id": "sunshine-300",
        "name": "Sunshine 300",
        "value": "#FFD06A",
        "description": "Warm amber-yellow.",
        "aliases": []
      },
      {
        "id": "sunshine-400",
        "name": "Sunshine 400",
        "value": "#FFC452",
        "description": "Marigold.",
        "aliases": []
      },
      {
        "id": "sunshine-500",
        "name": "Sunshine 500",
        "value": "#FFB83E",
        "description": "Mid sunshine — pumpkin gold.",
        "aliases": []
      },
      {
        "id": "sunshine-600",
        "name": "Sunshine 600",
        "value": "#FFAD2E",
        "description": "Deep marigold.",
        "aliases": []
      },
      {
        "id": "sunshine-700",
        "name": "Sunshine 700",
        "value": "#FFA110",
        "description": "Bright orange.",
        "aliases": []
      },
      {
        "id": "sunshine-750",
        "name": "Sunshine 750",
        "value": "#F2920B",
        "description": "Pressed-orange variant for hover state.",
        "aliases": []
      },
      {
        "id": "sunshine-800",
        "name": "Sunshine 800",
        "value": "#FF9500",
        "description": "Pumpkin.",
        "aliases": []
      },
      {
        "id": "sunshine-900",
        "name": "Sunshine 900",
        "value": "#FF8A00",
        "description": "Burnt orange.",
        "aliases": []
      },
      {
        "id": "sunshine-950",
        "name": "Sunshine 950",
        "value": "#FF7F00",
        "description": "Deepest sunshine — ember orange.",
        "aliases": []
      },
      {
        "id": "mistral-orange",
        "name": "Mistral Orange",
        "value": "#FA500F",
        "description": "Mistral's signature warm orange — the primary brand accent.",
        "aliases": []
      },
      {
        "id": "mistral-orange-bright",
        "name": "Mistral Orange Bright",
        "value": "#FF6D05",
        "description": "Brighter pumpkin-orange variant.",
        "aliases": []
      },
      {
        "id": "mistral-red",
        "name": "Mistral Red",
        "value": "#E10500",
        "description": "Deepest ember-red — endpoint of the Sunshine arc.",
        "aliases": []
      },
      {
        "id": "footer-yellow",
        "name": "Footer Band Yellow",
        "value": "#FFD800",
        "description": "Footer rainbow stripe — high-yellow stop.",
        "aliases": []
      },
      {
        "id": "footer-marigold",
        "name": "Footer Band Marigold",
        "value": "#FFAF00",
        "description": "Footer rainbow stripe — marigold stop.",
        "aliases": []
      },
      {
        "id": "gray-100",
        "name": "Gray 100",
        "value": "#F3F4F6",
        "description": "Subtle elevated surface on beige canvas.",
        "aliases": []
      },
      {
        "id": "gray-300",
        "name": "Gray 300",
        "value": "#D1D5DC",
        "description": "Borders / quiet dividers on beige canvas.",
        "aliases": []
      },
      {
        "id": "gray-500",
        "name": "Gray 500",
        "value": "#6A7282",
        "description": "Tertiary text.",
        "aliases": []
      },
      {
        "id": "gray-700",
        "name": "Gray 700",
        "value": "#364153",
        "description": "Secondary text on beige canvas.",
        "aliases": []
      },
      {
        "id": "gray-900",
        "name": "Gray 900",
        "value": "#101828",
        "description": "Deep ink for text on beige canvas.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "beige-light",
          "surface": "beige-deep",
          "surface-elevated": "beige-light",
          "text-primary": "matt-black",
          "text-secondary": "gray-700",
          "text-tertiary": "gray-500",
          "primary": "mistral-orange",
          "primary-hover": "sunshine-750",
          "accent": "mistral-orange",
          "accent-hover": "sunshine-750",
          "warning": "sunshine-700",
          "warning-hover": "sunshine-800",
          "error": "mistral-red",
          "success": "sunshine-500",
          "border": "beige-deeper"
        }
      },
      "dark": {
        "roles": {
          "background": "matt-black",
          "surface": "matt-black-tint",
          "surface-elevated": "matt-black-tint",
          "text-primary": "beige-light",
          "text-secondary": "beige-deep",
          "text-tertiary": "gray-300",
          "primary": "mistral-orange",
          "primary-hover": "sunshine-700",
          "accent": "mistral-orange",
          "accent-hover": "sunshine-700",
          "warning": "sunshine-500",
          "warning-hover": "sunshine-600",
          "error": "mistral-red",
          "success": "sunshine-400",
          "border": "matt-black-tint"
        }
      }
    }
  },
  "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": "geist-mono@1.0.0",
      "family": "Geist Mono",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "Geist Mono",
        "cssImportUrl": "https://cdn.jsdelivr.net/npm/@fontsource-variable/geist-mono/index.css",
        "notes": "First-party distribution: `geist` npm package, import path `geist/font/mono`. The cssImportUrl above points at the community @fontsource-variable/geist-mono bundle on jsDelivr for raw CSS consumption.\n"
      },
      "fallbackStack": [
        "SFMono-Regular",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "Courier New",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "normal"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "matt-black",
      "on-identity": "beige-light",
      "primary": "mistral-orange",
      "primary-hover": "sunshine-750",
      "accent": "mistral-orange",
      "accent-hover": "sunshine-700",
      "mark": "mistral-orange",
      "success": "sunshine-400",
      "warning": "sunshine-500",
      "error": "mistral-red",
      "text-primary-light": "matt-black",
      "text-primary-dark": "beige-light",
      "background-light": "beige-light",
      "background-dark": "matt-black",
      "surface-light": "beige-deep",
      "surface-dark": "matt-black-tint",
      "text-secondary-light": "gray-700",
      "text-tertiary-light": "gray-500",
      "border-light": "beige-deeper",
      "border-dark": "matt-black-tint"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Beige Light (#FFF7E0) on Matt Black (#1F1F1F) gives roughly 16:1 — clears AAA decisively in both modes. The brand's dense, research-paper reading posture justifies an AAA target rather than the AA floor.\n",
      "against": "background",
      "minRatio": 7,
      "standard": "WCAG-AAA"
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Mistral Orange (#FA500F) is the brand's documented primary — it is the action color on buttons and the dominant accent on mistral.ai. Sunshine-700 / 750 are valid hover/pressed variants. Mistral-red is reserved for the deepest endpoint of the Sunshine arc and footer-band stops, not as the interactive primary. The pale Sunshine 50 / 100 tints lack enough contrast on either canvas to serve as primary.\n",
      "allowed": [
        "mistral-orange",
        "mistral-orange-bright",
        "sunshine-700",
        "sunshine-750"
      ],
      "forbidden": [
        "mistral-red",
        "sunshine-50",
        "sunshine-100",
        "footer-yellow",
        "footer-marigold"
      ]
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.identity",
      "severity": "error",
      "rationale": "Mistral is dark-first by construction. The identity surface is the Matt-black canvas (#1F1F1F) or the deeper #000000 variant — the Sunshine ramp colors flow ACROSS it as gradient and accent, but the brand's identity ground is always the dark Matt.\n",
      "allowed": [
        "matt-black",
        "matt-deep"
      ],
      "forbidden": [
        "mistral-orange",
        "mistral-red",
        "sunshine-500",
        "beige-light"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Mistral's wordmark and the rainbow-stripe footer band are precise typographic and chromatic artifacts. Recoloring, skewing, or applying drop-shadow to the mark conflicts with the brand's exact-engineering posture.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "low-contrast-fill"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Mistral's marketing site uses Regular (400) for body, Medium (500) and SemiBold (600) for emphasis, and Bold (700) for hero headings — the typical variable-font cut. Display weights outside this band are not in the licensed Pixelbasel delivery on mistral.ai.\n",
      "allowed": [
        "400",
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "fontPairing",
      "target": "typography.display",
      "severity": "warning",
      "rationale": "The Pixelbasel display face pairs with FragmentMono for code and inline-technical contexts on mistral.ai. A 1.5× minimum display-to-mono size ratio preserves the typographic hierarchy when both faces appear adjacent in research tables, model spec sheets, and CLI illustrations.\n",
      "requires": "code",
      "minSizeRatio": 1.5
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.error",
      "severity": "error",
      "rationale": "Mistral Red (#E10500) is the deepest endpoint of the Sunshine arc — it reads as alarm and as the destructive- action color. Large background fills in Mistral Red conflict with the documented brand posture where the dark Matt canvas is the ground.\n",
      "allowedContexts": [
        "error-state",
        "destructive-action",
        "data-viz-negative"
      ],
      "forbiddenContexts": [
        "large-fill",
        "background",
        "hero"
      ]
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.primary",
      "severity": "recommendation",
      "rationale": "Mistral Orange reads cleanest on the Matt-black canvas or the warm Beige canvas. Placing it adjacent to Mistral Red or Footer Yellow creates a Sunshine-ramp chromatic conflict — they belong together AS the ramp, not as competing foreground/background pairs.\n",
      "pairsWith": [
        "matt-black",
        "matt-deep",
        "beige-light",
        "beige-deep"
      ],
      "doesNotPairWith": [
        "mistral-red",
        "footer-yellow"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The brand's dark-first composition with the bright Sunshine accent clears AA effortlessly; consumers must preserve the property when composing Sunshine tints against the Matt canvas.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    }
  ]
}