# Mistral AI, Blog

AI products · Blog · Custom code · Paris, France
Live page: https://mistral.ai/news
On Designly: https://designly.sh/s/mistral-ai/news · JSON: https://designly.sh/s/mistral-ai/news?format=json
Site: [Mistral AI](https://designly.sh/s/mistral-ai?format=md) (https://mistral.ai)
Styles: type-led, minimal, geometric, light

## Why it works

Large ALTMistral headlines on an off-white background establish a technical, editorial tone. A grid of cards with 6px corners uses high-contrast, geometric imagery to separate news categories, while the search bar and category filters sit just above the fold for quick discovery.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/mistral-ai/news#section-1) (y 0–49px of 3256) · image: https://designly.sh/media/captures/cap_f32ff46da176432dbf76c39570b52f31/sections/0.webp · id sec_9d89d37248ab47f0970f0fac8a1cd0f9
2. [Hero: "Latest updates from Mistral"](https://designly.sh/s/mistral-ai/news#section-2) (y 49–427px of 3256) · image: https://designly.sh/media/captures/cap_f32ff46da176432dbf76c39570b52f31/sections/1.webp · id sec_e74dab4e1806496faded7938112aedd4
3. [Content: "Introducing Mistral Large 4"](https://designly.sh/s/mistral-ai/news#section-3) (y 428–2389px of 3256) · image: https://designly.sh/media/captures/cap_f32ff46da176432dbf76c39570b52f31/sections/2.webp · id sec_f66482ad622d46559c17085aa2ad71f1
4. [Footer: "Footer"](https://designly.sh/s/mistral-ai/news#section-4) (y 2389–3256px of 3256) · image: https://designly.sh/media/captures/cap_f32ff46da176432dbf76c39570b52f31/sections/3.webp · id sec_05d0251fbf6245c8b3aee184562a220a

## Design tokens

- Colours: #FBFBF8 (background), #DCDCDE (surface)
- Fonts: ALTMistral (display), Inter (body)
- Corner radius: 6px
- Section padding: 48px
- Export: https://designly.sh/s/mistral-ai/news?format=tokens.css · https://designly.sh/s/mistral-ai/news?format=tokens.json · https://designly.sh/s/mistral-ai/news?format=tokens.tailwind.css

## Images

- Desktop (1440×3256): https://designly.sh/media/captures/cap_f32ff46da176432dbf76c39570b52f31/desktop.webp
- Mobile (390×6131): https://designly.sh/media/captures/cap_f32ff46da176432dbf76c39570b52f31/mobile.webp
- Captured: 2026-10-26

## Other Pages of Mistral AI

- [Home](https://designly.sh/s/mistral-ai?format=md) — /
- [About](https://designly.sh/s/mistral-ai/about?format=md) — /about
- [Careers](https://designly.sh/s/mistral-ai/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/mistral-ai/pricing?format=md) — /pricing

## Related

- [Suno, Blog](https://designly.sh/s/suno/blog?format=md) — AI products · Blog · Custom code · Cambridge, USA · styles: dark, editorial, type-led, bold, minimal · image: https://designly.sh/media/captures/cap_d100624f62444416ad7131bf504acab4/desktop.webp
- [Sesame, Blog](https://designly.sh/s/sesame/journal?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: editorial, type-led, minimal, light · image: https://designly.sh/media/captures/cap_3875cf86021f4962b91bbf86ea1e80c0/desktop.webp
- [Replicate, Blog](https://designly.sh/s/replicate/blog?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: type-led, photo-led, minimal, editorial · image: https://designly.sh/media/captures/cap_09ded9aef1504f3bb7eab6134f205a49/desktop.webp
- [Recraft, Blog](https://designly.sh/s/recraft/blog?format=md) — AI products · Blog · Custom code · styles: type-led, bold, geometric, colourful · image: https://designly.sh/media/captures/cap_be5c60e87f7c4b03a2b051623c4750b0/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.