Back to Library
M

Mistral AI

Mistral AI

Visit Website

Open-weight LLM provider. French-engineered minimalism, purple-toned.

法式极简紫色调开放权重优雅科技

Color Palette

primary
secondary
background
surface
text
muted
border

Typography

Heading FontInter, system-ui, sans-serif
Body FontInter, system-ui, sans-serif
Base Size16px
Line Height1.6
Weights400, 500, 600

Heading Scale

h1Mistral AI Heading
h2Mistral AI Heading
h3Mistral AI Heading
h4Mistral AI Heading

DESIGN.md

# Mistral AI Design System

## Visual Theme & Atmosphere
French-engineered minimalism. Clean white canvas with sophisticated purple accents. European elegance.

## Agent Prompt Guide
Light minimal theme with purple accents. European elegance aesthetic.

Related Design Systems

O
OpenAI
OpenAI
Similar AI company design system
C
Claude
Anthropic
Similar AI company design system
G
Gemini
Google
Similar AI company design system
O
Ollama
Ollama
Similar AI company design system

Frequently Asked Questions

What is Mistral AI's design style?

Open-weight LLM provider. French-engineered minimalism, purple-toned.

What is Mistral AI's primary color?

Mistral AI uses #7C3AED as primary color, #FAFAFA for background, and #1A1A1A for text.

What fonts does Mistral AI use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 16px.

How to use Mistral AI design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Mistral AI's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems