Mistral AI

Item: Mistral AI
Rating: 7.6

Frontier AI models, agents and infrastructure for enterprises.

7.6/10MABTU rating

DESKTOP · 1440 × 11,550/ ↗

MOBILE · 390

Section outline · Home

01header49
02heroFrontier AI. In your hands.1,800
03logo cloud272
04features grid722
05content261
06features grid760
07steps4,818
08content188
09portfolio542
10features grid496
11cta470
12media text380
13footer52

Rating · Home

Visual design8.4

UX & clarity7.3

Originality8.7

Craft & consistency7.6

Motion6.5

Performance & a11y7.7

This page scores 7.8; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Interheading · sans · self-hosted ALT Mistralbody · font · self-hosted

Stack & style

Three.js Google Fonts Astro Tailwind CSS

Minimal Bold typography Gradient-heavy Sharp / geometric Swiss grid Logo cloud Process steps Sticky header

Also: Google Tag Manager, Netlify, Cloudflare, Google Analytics

Design DNA

Off-white page on a faint square grid with a clean grotesk, small mono uppercase capability lists and black and orange square buttons. Every visual is built from pixel blocks: red-orange-yellow mosaic gradients behind UI cards, a pixel diamond, pixel icons in an agent map, a black pixel cat and a huge blocky M wordmark in the footer. The hero is a large left headline with an orange pixel field. Product lines (Vibe, Studio, Forge, AI Cloud) sit in a thin-ruled grid of cards with tiny pixel logos, followed by a navy deployment band and an orange CTA.

Worth borrowing

Build every illustration from one pixel grid in a warm red-to-yellow ramp so the brand is recognisable from any crop.
List capabilities under each product visual as tiny uppercase mono chips separated by spaces.
Close the footer with an oversized blocky pixel version of the logo.