MiniMax stages itself as a Chinese AI infrastructure brand with a sophisticated dual identity: stark monochrome marketing canvas paired with vibrant gradient product cards (coral M2.7, magenta Music 2.6, blue Hailuo). DM Sans across every surface, oversized 80px hero displays with -2px letter-spacing.
A monochrome anchor (black + white) broken open by saturated brand-color identities — each model line gets its own vibrant color encoding.
DM Sans across every role from 80px hero displays to 12px micro labels. Aggressive negative letter-spacing on display sizes; generous body leading for documentation.
Pill-shaped status indicators reuse the brand's full-radius geometry. Distinct semantic encoding for each badge type.
promo-banner — full-width strip above the top nav
Each model release carries a distinct color identity. 32px corner softening signals "this is a featured product moment."
White product tiles — quieter cousins of the vibrant cards. 24px rounded with thin hairline border.
Simple commands, unlimited creativity. Multi-step planning and tool use.
Every idea is a blockbuster. Text-to-video and image-to-video generation.
Ultra-realistic AI voice creation with multi-language support.
Live video synthesis with character consistency and motion control.
White documentation cards, surface-tinted feature panels, recommendation tiles, and the bright orange promo CTA strip.
White canvas with thin hairline border and 16px corners. Used for documentation and quiet product callouts.
Quieter section panel on light gray surface. Used for grouped content and supporting documentation.
Refer to the Quick Start Guide to explore and experience the model's capabilities.
Invite friends, earn benefits. Subscribe to a Token Plan to get 100% returns when this round gets a 10% return.
40px-tall inputs with 8px rounded corners. Focus shifts to a 2px Brand Blue Deep border.
Underline-style segmented tabs for in-page navigation. Pill tabs for top-level pricing/category switching.
Components unique to MiniMax — models comparison table, 3-column documentation layout, stats strip.
| Models | Description | Features |
|---|---|---|
| MiniMax M2.7 highlighted |
Beginning the journey of recursive self-improvement. | • Top-tier world engineering • Professional office handling • Optimized for code interaction |
| MiniMax M2 | Same performance as M2.7. Significantly faster inference. | • Polyglot code mastery • Precision code refactoring • Low latency |
| MiniMax M1.5 | Same performance as M2. Optimized for code generation and refactoring. | • Peak Performance, Ultimate Value • Master the Complex |
4px base unit, 8px primary increment. Section rhythm runs from 48px to 96px.
Full-pill buttons (9999px), 32px hero cards, 16px standard. Buttons are NEVER squared.
Five layers — flat default through atmospheric glow to modal-grade depth.
Mobile-first reflow: hero scales from 80px → 32px, product matrix becomes horizontal-scroll, docs collapse to single column.
| Breakpoint | Width | Key Changes |
|---|---|---|
| Mobile (small) | < 480px | Single column. Hero drops to 32px. Product matrix horizontal-scroll. Footer 1-column accordion. |
| Mobile (large) | 480 – 767px | AI matrix renders 2-up. Hero 40px. |
| Tablet | 768 – 1023px | Pill-tab nav returns. Documentation sidebar collapses to drawer. Hero 56px. |
| Desktop | 1024 – 1279px | Full 4-column product matrix; 3-column docs grid. |
| Wide Desktop | ≥ 1280px | Wider hero gutters; fixed 220px sidebar; hero 80px. |