Mistral
mistral.ai/
Mistral is a AI product. See its mistral.ai landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, footers, about us, contact us, pricing & plans, and 3 more. It's built with Tailwind CSS. Its type is set in Inter, anchored by a #f9500f palette. Study how Mistral structures its messaging, layout and visual hierarchy, then explore more of the best AI website designs.
Featured in: 18 Best AI SaaS Website Designs (And Why 'AI Means Dark Mode' Is Wrong)
- Category
- AI
- Meta title
- Frontier AI LLMs, assistants, agents, services | Mistral
- Stack
- Tailwind CSS
- Typography
- DisplayInterBodySpace Mono
- Palette
- Sections
- 08
- Updated
mistral.ai/
Mistral's landing page, section by section
Each section below is cropped straight from Mistral's live page — useful references for ai landing page design.











