Concept build · sample content · designed & coded by Cockroach Studio← All workHire me
Design study · Frontier AI

Frontier AI in your hands.

Sunset gradient — red, orange, yellow.

Bold
Aesthetic
Estimate
Interaction
Next.js
Built with
🌬️
Frontier AI
Why choose us

What makes Mistral AI different

The palette

Mistral AI's signature colours, surfaces and contrast — rebuilt token-for-token.

The type & feel

Flame gradient, European bold.

The interaction

A working quote flow, dropped into the theme by config.

Try it live

Estimate your plan

A fully interactive demo — go ahead, click around.

Choose a package

Seats

51 seats

1100
  • Transparent, itemised pricing
  • No hidden charges or lock-ins
  • Free consultation included
Gallery

A look inside

Hero
Features
Pricing
Footer
Flame gradient, European bold.
Design note, In the visual language of Mistral AI
About this build

Mistral AI demonstrates an interactive quote calculator — sliders and tiers producing a live, formatted price.

Designed and coded by Cockroach Studio as a concept build. The branding, copy and data are sample content — the interaction is the real thing. Want this for your business? I build the actual product: custom, fast, and yours.

Independent design study — an homage to Mistral AI's public visual language, built to demonstrate range. Not affiliated with, sponsored by, or endorsed by Mistral AI.

Quote calculatorNext.jsTypeScriptTailwind CSS