oh-my-design-cli 1.8.7 → 1.9.0

package/web/references/minimax/DESIGN.md

@@ -1,6 +1,6 @@
 ---
 id: minimax
-name: Minimax
+name: MiniMax
 country: US
 category: ai
 homepage: "https://www.minimaxi.com"
@@ -8,389 +8,331 @@ primary_color: "#000000"
 logo:
   type: simpleicons
   slug: minimax
-verified: "2026-05-15"
+verified: "2026-07-13"
 omd: "0.1"
+verification_v2:
+  schema: 2
+  checked: "2026-07-13"
+  surfaces:
+    - { id: home, kind: marketing, url: "https://www.minimaxi.com/", inspected: "2026-07-13" }
+    - { id: m3-launch, kind: product-launch, url: "https://www.minimaxi.com/models/text/m3", inspected: "2026-07-13" }
+    - { id: audio-tool, kind: product-tool, url: "https://www.minimaxi.com/audio", inspected: "2026-07-13" }
+    - { id: careers, kind: careers-marketing, url: "https://www.minimaxi.com/careers", inspected: "2026-07-13" }
+  sources:
+    - { id: home-live, kind: product-surface, url: "https://www.minimaxi.com/", captured: "2026-07-13" }
+    - { id: m3-live, kind: product-surface, url: "https://www.minimaxi.com/models/text/m3", captured: "2026-07-13" }
+    - { id: audio-live, kind: product-surface, url: "https://www.minimaxi.com/audio", captured: "2026-07-13" }
+    - { id: careers-live, kind: product-surface, url: "https://www.minimaxi.com/careers", captured: "2026-07-13" }
+    - { id: misans-asset, kind: brand-asset, url: "https://filecdn.minimax.chat/public/MiSans-Regular.woff2", captured: "2026-07-13" }
+    - { id: minimax-about, kind: official-doc, url: "https://minimaxi.com/about", captured: "2026-07-13" }
+    - { id: platform-models, kind: official-doc, url: "https://platform.minimaxi.com/docs/guides/models-intro", captured: "2026-07-13" }
+    - { id: misans-license, kind: license, url: "https://hyperos.mi.com/font-download/MiSans%E5%AD%97%E4%BD%93%E7%9F%A5%E8%AF%86%E4%BA%A7%E6%9D%83%E8%AE%B8%E5%8F%AF%E5%8D%8F%E8%AE%AE.pdf", captured: "2026-07-13" }
+    - { id: outfit-license, kind: license, url: "https://github.com/Outfitio/Outfit-Fonts", captured: "2026-07-13" }
+  conflicts: []
+  claims:
+    "tokens.colors.canvas": &home { surface_id: home, source_id: home-live, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.ink": *home
+    "tokens.colors.secondary-text": *home
+    "tokens.colors.muted": *home
+    "tokens.colors.surface": *home
+    "tokens.colors.border": *home
+    "tokens.colors.action-dark": *home
+    "tokens.colors.action-on-dark": *home
+    "tokens.colors.audio-accent": &audio { surface_id: audio-tool, source_id: audio-live, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.audio-on-accent": *audio
+    "tokens.typography.family.ui": *home
+    "tokens.typography.family.display": *home
+    "tokens.typography.public-body.size": *home
+    "tokens.typography.public-body.weight": *home
+    "tokens.typography.public-body.lineHeight": *home
+    "tokens.typography.public-body.use": *home
+    "tokens.typography.m3-display.size": &m3 { surface_id: m3-launch, source_id: m3-live, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.m3-display.weight": *m3
+    "tokens.typography.m3-display.lineHeight": *m3
+    "tokens.typography.m3-display.use": *m3
+    "tokens.typography.careers-display.size": &careers { surface_id: careers, source_id: careers-live, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.careers-display.weight": *careers
+    "tokens.typography.careers-display.lineHeight": *careers
+    "tokens.typography.careers-display.use": *careers
+    "tokens.spacing.home-action-x": *home
+    "tokens.spacing.m3-action-x": *m3
+    "tokens.spacing.audio-action-x": *audio
+    "tokens.spacing.careers-action-x": *careers
+    "tokens.spacing.careers-action-y": *careers
+    "tokens.rounded.home-action": *home
+    "tokens.rounded.m3-action": *m3
+    "tokens.rounded.audio-action": *audio
+    "tokens.rounded.careers-action": *careers
+    "tokens.components.home-light-action.type": *home
+    "tokens.components.home-light-action.bg": *home
+    "tokens.components.home-light-action.fg": *home
+    "tokens.components.home-light-action.radius": *home
+    "tokens.components.home-light-action.padding": *home
+    "tokens.components.home-light-action.font": *home
+    "tokens.components.home-light-action.states": *home
+    "tokens.components.home-light-action.use": *home
+    "tokens.components.m3-dark-action.type": *m3
+    "tokens.components.m3-dark-action.bg": *m3
+    "tokens.components.m3-dark-action.fg": *m3
+    "tokens.components.m3-dark-action.radius": *m3
+    "tokens.components.m3-dark-action.padding": *m3
+    "tokens.components.m3-dark-action.font": *m3
+    "tokens.components.m3-dark-action.states": *m3
+    "tokens.components.m3-dark-action.use": *m3
+    "tokens.components.m3-light-action.type": *m3
+    "tokens.components.m3-light-action.bg": *m3
+    "tokens.components.m3-light-action.fg": *m3
+    "tokens.components.m3-light-action.radius": *m3
+    "tokens.components.m3-light-action.padding": *m3
+    "tokens.components.m3-light-action.font": *m3
+    "tokens.components.m3-light-action.states": *m3
+    "tokens.components.m3-light-action.use": *m3
+    "tokens.components.audio-generate.type": *audio
+    "tokens.components.audio-generate.bg": *audio
+    "tokens.components.audio-generate.fg": *audio
+    "tokens.components.audio-generate.radius": *audio
+    "tokens.components.audio-generate.padding": *audio
+    "tokens.components.audio-generate.font": *audio
+    "tokens.components.audio-generate.states": *audio
+    "tokens.components.audio-generate.use": *audio
+    "tokens.components.careers-primary.type": *careers
+    "tokens.components.careers-primary.bg": *careers
+    "tokens.components.careers-primary.fg": *careers
+    "tokens.components.careers-primary.radius": *careers
+    "tokens.components.careers-primary.padding": *careers
+    "tokens.components.careers-primary.font": *careers
+    "tokens.components.careers-primary.states": *careers
+    "tokens.components.careers-primary.use": *careers
+    "tokens.components.careers-outline.type": *careers
+    "tokens.components.careers-outline.fg": *careers
+    "tokens.components.careers-outline.border": *careers
+    "tokens.components.careers-outline.radius": *careers
+    "tokens.components.careers-outline.padding": *careers
+    "tokens.components.careers-outline.font": *careers
+    "tokens.components.careers-outline.states": *careers
+    "tokens.components.careers-outline.use": *careers
 tokens:
-  source: prose-derived
-  extracted: "2026-06-09"
+  source: reconciled
+  extracted: "2026-07-13"
+  note: "Current public marketing, model-launch, audio-tool, and careers surfaces are named separately; no authenticated product or documentation-chrome token is inferred."
   colors:
-    brand-blue: "#1456f0"
-    sky-blue: "#3daeff"
-    brand-pink: "#ea5ec1"
-    primary-200: "#bfdbfe"
-    primary-light: "#60a5fa"
-    primary-500: "#3b82f6"
-    primary-600: "#2563eb"
-    primary-700: "#1d4ed8"
-    brand-deep: "#17437d"
-    text-primary: "#222222"
-    button-text: "#18181b"
-    charcoal: "#181e25"
-    text-secondary: "#45515e"
-    text-muted: "#8e8e93"
-    helper: "#5f5f5f"
     canvas: "#ffffff"
-    surface: "#f0f0f0"
-    border-light: "#f2f3f5"
+    ink: "#18181b"
+    secondary-text: "#45515e"
+    muted: "#86909c"
+    surface: "#f5f5f5"
     border: "#e5e7eb"
-    success-bg: "#e8ffea"
-    dark: "#333333"
+    action-dark: "#181e25"
+    action-on-dark: "#ffffff"
+    audio-accent: "#7659fa"
+    audio-on-accent: "#f8f8f8"
   typography:
-    family: { sans: "DM Sans", mono: "Roboto" }
-    display-hero: { size: 80, weight: 500, lineHeight: 1.10, use: "Hero headlines, DM Sans/Outfit" }
-    section:      { size: 31, weight: 600, lineHeight: 1.50, use: "Feature section titles, Outfit" }
-    card-title:   { size: 28, weight: 500, lineHeight: 1.71, use: "Product card headings, Outfit" }
-    subheading:   { size: 24, weight: 500, lineHeight: 1.50, use: "Mid-tier headings, Poppins" }
-    feature:      { size: 18, weight: 500, lineHeight: 1.50, use: "Feature names, Poppins" }
-    body-lg:      { size: 20, weight: 500, lineHeight: 1.50, use: "Emphasized body, DM Sans" }
-    body:         { size: 16, weight: 400, lineHeight: 1.50, use: "Standard body, DM Sans" }
-    nav:          { size: 14, weight: 500, lineHeight: 1.50, use: "Navigation, links, DM Sans" }
-    button-sm:    { size: 13, weight: 600, lineHeight: 1.50, use: "Compact buttons, DM Sans" }
-    caption:      { size: 13, weight: 400, lineHeight: 1.70, use: "Metadata, DM Sans/Poppins" }
-    label:        { size: 12, weight: 500, lineHeight: 1.50, use: "Tags, badges, DM Sans" }
-  spacing: { xs: 4, sm: 8, md: 11, base: 16, lg: 20, xl: 24, xxl: 32, section: 48 }
-  rounded: { sm: 8, md: 13, lg: 20, full: 9999 }
-  shadow:
-    standard: "rgba(0,0,0,0.08) 0px 4px 6px"
-    soft-glow: "rgba(0,0,0,0.08) 0px 0px 22.576px"
-    brand-glow: "rgba(44,30,116,0.16) 0px 0px 15px"
-    card-elevation: "rgba(36,36,36,0.08) 0px 12px 16px -4px"
+    family: { ui: "MiSans", display: "Outfit" }
+    public-body: { size: 16, weight: 400, lineHeight: "24px", use: "Repeated public home body and navigation context" }
+    m3-display: { size: 78, weight: 600, lineHeight: "85.8px", use: "M3 model-launch hero heading" }
+    careers-display: { size: 60, weight: 700, lineHeight: "60px", use: "Careers-marketing headline" }
+  spacing: { home-action-x: 28, m3-action-x: 12, audio-action-x: 20, careers-action-x: 24, careers-action-y: 12 }
+  rounded: { home-action: 32, m3-action: 8, audio-action: 100, careers-action: 9999 }
   components:
-    button-primary: { type: button, bg: "#181e25", fg: "#ffffff", radius: 8, padding: "11px 20px", use: "Primary CTA Get Started/Learn More" }
-    button-nav: { type: button, fg: "#18181b", radius: 9999, use: "Navigation tabs, filter toggles" }
-    button-white: { type: button, bg: "#ffffff", radius: 9999, use: "Secondary nav, inactive tabs" }
-    button-secondary: { type: button, bg: "#f0f0f0", fg: "#333333", radius: 8, padding: "11px 20px", use: "Secondary actions" }
-    product-card: { type: card, radius: 20, use: "Vibrant gradient product card with brand glow" }
-    matrix-card: { type: card, bg: "#ffffff", radius: 13, use: "AI product card, white with subtle shadow" }
+    home-light-action: { type: button, bg: "#f5f5f5", fg: "#181e25", radius: "32px", padding: "0px 28px", font: "16px / 400 / MiSans", states: "default only; no interaction event or pseudo-state captured", use: "Home marketing header action, selector home::[data-omd-capture=16]" }
+    m3-dark-action: { type: button, bg: "#000000", fg: "#ffffff", radius: "8px", padding: "0px 12px", font: "14px / 400 / MiSans", states: "default only; no interaction event or pseudo-state captured", use: "M3 launch paired dark action, selector surface-2::[data-omd-capture=20]" }
+    m3-light-action: { type: button, bg: "#ffffff", fg: "#222222", radius: "8px", padding: "0px 12px", font: "14px / 400 / MiSans", states: "default only; no interaction event or pseudo-state captured", use: "M3 launch paired light action, selector surface-2::[data-omd-capture=21]" }
+    audio-generate: { type: button, bg: "#7659fa", fg: "#f8f8f8", radius: "100px", padding: "0px 20px", font: "14px / 500 / MiSans", states: "default only; no interaction event or pseudo-state captured", use: "Public audio-tool generate action, selector surface-3::[data-omd-capture=12]" }
+    careers-primary: { type: button, bg: "#181e25", fg: "#ffffff", radius: "9999px", padding: "12px 24px", font: "14px / 500 / MiSans", states: "default only; no interaction event or pseudo-state captured", use: "Careers-marketing primary action, selector surface-4::[data-omd-capture=18]" }
+    careers-outline: { type: button, fg: "#18181b", border: "1px solid #18181b", radius: "9999px", padding: "12px 32px", font: "16px / 500 / MiSans", states: "default only; no interaction event or pseudo-state captured", use: "Careers-marketing outline action, selector surface-4::[data-omd-capture=26]" }
   components_harvested: true
 ---
 
-# Design System Inspiration of MiniMax
+# MiniMax — Design Reference
 
 ## 1. Visual Theme & Atmosphere
 
-MiniMax's website is a clean, product-showcase platform for a Chinese AI technology company that bridges consumer-friendly appeal with technical credibility. The design language is predominantly white-space-driven with a light, airy feel — pure white backgrounds (`#ffffff`) dominate, letting colorful product cards and AI model illustrations serve as the visual anchors. The overall aesthetic sits at the intersection of Apple's product marketing clarity and a playful, rounded design language that makes AI technology feel approachable.
+MiniMax is a general-AI company whose own current account centers a family of proprietary multimodal models and AI-native products for people, enterprises, and developers. The public web translates that breadth into a mostly white, text-led presentation: near-black type, restrained grey surfaces, large model-specific hero moments, and a few route-local action colors. The stable visual thread across the captured home, M3 launch, audio tool, and careers pages is not a universal card style or color scale; it is dense information given room to breathe through simple backgrounds, rounded actions, and clear hierarchy. The current product family is changing quickly—MiniMax’s official model documentation lists text, video, speech, image, and music offerings—so this reference preserves each observed surface domain rather than blending a launch page, an audio tool, careers marketing, and unobserved documentation chrome into one fictional system.
 
-The typography system is notably multi-font: DM Sans serves as the primary UI workhorse, Outfit handles display headings with geometric elegance, Poppins appears for mid-tier headings, and Roboto handles data-heavy contexts. This variety reflects a brand in rapid growth — each font serves a distinct communicative purpose rather than competing for attention. The hero heading at 80px weight 500 in both DM Sans and Outfit with a tight 1.10 line-height creates a bold but not aggressive opening statement.
+- **Neutral public base:** `#ffffff` canvas, `#18181b` ink, and `#e5e7eb` borders recur on home, M3, and careers surfaces.
+- **Surface-local action geometry:** 32px on the home header, 8px on M3 paired actions, 100px on the audio tool, and full pills on careers are separate observations.
+- **Model-family expression:** M3 uses a 78px Outfit hero while the careers page uses a 60px MiSans headline; neither becomes a universal app heading rule.
+- **Bounded source domains:** the raw bundle contains no authenticated product session or documentation chrome. Those domains are intentionally not represented by tokens.
 
-What makes MiniMax distinctive is its pill-button geometry (9999px radius) for navigation and primary actions, combined with softer 8px–24px radiused cards for product showcases. The product cards themselves are richly colorful — vibrant gradients in pink, purple, orange, and blue — creating a "gallery of AI capabilities" feel. Against the white canvas, these colorful cards pop like app icons on a phone home screen, making each AI model/product feel like a self-contained creative tool.
+## 2. Color Palette & Roles
 
-**Key Characteristics:**
-- White-dominant layout with colorful product card accents
-- Multi-font system: DM Sans (UI), Outfit (display), Poppins (mid-tier), Roboto (data)
-- Pill buttons (9999px radius) for primary navigation and CTAs
-- Generous rounded cards (20px–24px radius) for product showcases
-- Brand blue spectrum: from `#1456f0` (brand-6) through `#3b82f6` (primary-500) to `#60a5fa` (light)
-- Brand pink (`#ea5ec1`) as secondary accent
-- Near-black text (`#222222`, `#18181b`) on white backgrounds
-- Purple-tinted shadows (`rgba(44, 30, 116, 0.16)`) creating subtle brand-colored depth
-- Dark footer section (`#181e25`) with product/company links
+### Repeated public-web roles
 
-## 2. Color Palette & Roles
+- **Canvas** (`#ffffff`): body background observed on all four captured routes.
+- **Ink** (`#18181b`): repeated home, M3, and careers text.
+- **Secondary text** (`#45515e`): home supporting copy.
+- **Muted** (`#86909c`): repeated home and M3 supporting text.
+- **Surface** (`#f5f5f5`): home light header action.
+- **Border** (`#e5e7eb`): repeated computed border color on home, M3, and careers elements.
+- **Dark action** (`#181e25`) with **on-dark** (`#ffffff`): careers primary action; the dark value is also observed repeatedly on the home/M3 public family.
 
-### Brand Primary
-- **Brand Blue** (`#1456f0`): `--brand-6`, primary brand identity color
-- **Sky Blue** (`#3daeff`): `--col-brand00`, lighter brand variant for accents
-- **Brand Pink** (`#ea5ec1`): `--col-brand02`, secondary brand accent
-
-### Blue Scale (Primary)
-- **Primary 200** (`#bfdbfe`): `--color-primary-200`, light blue backgrounds
-- **Primary Light** (`#60a5fa`): `--color-primary-light`, active states, highlights
-- **Primary 500** (`#3b82f6`): `--color-primary-500`, standard blue actions
-- **Primary 600** (`#2563eb`): `--color-primary-600`, hover states
-- **Primary 700** (`#1d4ed8`): `--color-primary-700`, pressed/active states
-- **Brand Deep** (`#17437d`): `--brand-3`, deep blue for emphasis
-
-### Text Colors
-- **Near Black** (`#222222`): `--col-text00`, primary text
-- **Dark** (`#18181b`): Button text, headings
-- **Charcoal** (`#181e25`): Dark surface text, footer background
-- **Dark Gray** (`#45515e`): `--col-text04`, secondary text
-- **Mid Gray** (`#8e8e93`): Tertiary text, muted labels
-- **Light Gray** (`#5f5f5f`): `--brand-2`, helper text
-
-### Surface & Background
-- **Pure White** (`#ffffff`): `--col-bg13`, primary background
-- **Light Gray** (`#f0f0f0`): Secondary button backgrounds
-- **Glass White** (`hsla(0, 0%, 100%, 0.4)`): `--fill-bg-white`, frosted glass overlay
-- **Border Light** (`#f2f3f5`): Subtle section dividers
-- **Border Gray** (`#e5e7eb`): Component borders
-
-### Semantic
-- **Success Background** (`#e8ffea`): `--success-bg`, positive state backgrounds
-
-### Shadows
-- **Standard** (`rgba(0, 0, 0, 0.08) 0px 4px 6px`): Default card shadow
-- **Soft Glow** (`rgba(0, 0, 0, 0.08) 0px 0px 22.576px`): Ambient soft shadow
-- **Brand Purple** (`rgba(44, 30, 116, 0.16) 0px 0px 15px`): Brand-tinted glow
-- **Brand Purple Offset** (`rgba(44, 30, 116, 0.11) 6.5px 2px 17.5px`): Directional brand glow
-- **Card Elevation** (`rgba(36, 36, 36, 0.08) 0px 12px 16px -4px`): Lifted card shadow
+### Audio-tool-local role
+
+- **Audio accent** (`#7659fa`) with **audio on-accent** (`#f8f8f8`): the observed `surface-3` generate action. It is an audio-tool-local value, not a global MiniMax brand-primary claim.
 
 ## 3. Typography Rules
 
-### Font Families
-- **Primary UI**: `DM Sans`, with fallbacks: `Helvetica Neue, Helvetica, Arial`
-- **Display**: `Outfit`, with fallbacks: `Helvetica Neue, Helvetica, Arial`
-- **Mid-tier**: `Poppins`
-- **Data/Technical**: `Roboto`, with fallbacks: `Helvetica Neue, Helvetica, Arial`
-
-### Hierarchy
-
-| Role | Font | Size | Weight | Line Height | Notes |
-|------|------|------|--------|-------------|-------|
-| Display Hero | DM Sans / Outfit | 80px (5.00rem) | 500 | 1.10 (tight) | Hero headlines |
-| Section Heading | Outfit | 31px (1.94rem) | 600 | 1.50 | Feature section titles |
-| Section Heading Alt | Roboto / DM Sans | 32px (2.00rem) | 600 | 0.88 (tight) | Compact headers |
-| Card Title | Outfit | 28px (1.75rem) | 500–600 | 1.71 (relaxed) | Product card headings |
-| Sub-heading | Poppins | 24px (1.50rem) | 500 | 1.50 | Mid-tier headings |
-| Feature Label | Poppins | 18px (1.13rem) | 500 | 1.50 | Feature names |
-| Body Large | DM Sans | 20px (1.25rem) | 500 | 1.50 | Emphasized body |
-| Body | DM Sans | 16px (1.00rem) | 400–500 | 1.50 | Standard body text |
-| Body Bold | DM Sans | 16px (1.00rem) | 700 | 1.50 | Strong emphasis |
-| Nav/Link | DM Sans | 14px (0.88rem) | 400–500 | 1.50 | Navigation, links |
-| Button Small | DM Sans | 13px (0.81rem) | 600 | 1.50 | Compact buttons |
-| Caption | DM Sans / Poppins | 13px (0.81rem) | 400 | 1.70 (relaxed) | Metadata |
-| Small Label | DM Sans | 12px (0.75rem) | 500–600 | 1.25–1.50 | Tags, badges |
-| Micro | DM Sans / Outfit | 10px (0.63rem) | 400–500 | 1.50–1.80 | Tiny annotations |
-
-### Principles
-- **Multi-font purpose**: DM Sans = UI workhorse (body, nav, buttons); Outfit = geometric display (headings, product names); Poppins = friendly mid-tier (sub-headings, features); Roboto = technical/data contexts.
-- **Universal 1.50 line-height**: The overwhelming majority of text uses 1.50 line-height, creating a consistent reading rhythm regardless of font or size. Exceptions: display (1.10 tight) and some captions (1.70 relaxed).
-- **Weight 500 as default emphasis**: Most headings use 500 (medium) rather than bold, creating a modern, approachable tone. 600 for section titles, 700 reserved for strong emphasis.
-- **Compact hierarchy**: The size scale jumps from 80px display straight to 28–32px section, then 16–20px body — a deliberate compression that keeps the visual hierarchy feeling efficient.
-
-## 4. Component Stylings
-
-### Buttons
-
-**Pill Primary Dark**
+### Evidence classes
+
+- **Live computed public-web use:** `MiSans` is the dominant visible first family: the collector reports 421 visible uses across body, button, card, heading, list, and dialog roles. It is backed by loaded FontFaceSet entries and 43 MiniMax-hosted font-source URLs. It is the canonical UI-family token for these public routes.
+- **Live computed display use:** `Outfit` is visibly used and loaded (9 uses, including M3 hero headings), backed by a MiniMax/Hailuo-hosted font source and a CDN asset. It is retained as a public display-family token only.
+- **Live computed specialist use:** `JetBrains Mono` is loaded for two heading observations. It is not promoted to a general UI or code token because the supplied capture does not establish a reusable product role.
+- **Declared-only assets:** `DM Sans`, Inter, Plus Jakarta Sans, Roboto, and Font Awesome faces occur in declarations or system stacks without observed visible use. They are not UI tokens and are not substituted at runtime.
+- **System fallback:** `-apple-system` appears in the audio surface’s input stack. It is a system fallback observation, not a MiniMax typeface.
+- **Font context and licence boundary:** Xiaomi identifies MiSans as a variable multilingual family and publishes its own licence agreement; MiniMax’s current hosted webfont use does not grant a downstream project permission to reuse MiniMax’s delivery assets. Outfit’s upstream project publishes it under SIL OFL 1.1. These are font-context facts, not an assertion that MiniMax distributes either family as a reusable brand kit.
+
+### Measured public hierarchy
+
+| Role | Family | Size | Weight | Line height | Surface boundary |
+|---|---|---:|---:|---:|---|
+| Public body | MiSans | 16px | 400 | 24px | repeated home body/navigation context |
+| M3 display | Outfit | 78px | 600 | 85.8px | `surface-2::h1` on the M3 launch page |
+| Careers display | MiSans | 60px | 700 | 60px | `surface-4::h1` on careers marketing |
+
+## 4. Components
+
+All variants are selector-backed observations from the supplied public bundle. `coverage.interactionCount` and `coverage.observedStates` are both zero, so every entry below is a default-state observation only. Class names may contain hover utilities, but those declarations are not promoted as measured hover, focus, pressed, disabled, or motion variants.
+
+### Home header action
+
+**Light action — `home` marketing surface**
+- Background: `#f5f5f5`
+- Text: `#181e25`
+- Radius: `32px`
+- Padding: `0px 28px`
+- Font: `16px / 400 / MiSans`
+- Use: Home marketing header action at `home::[data-omd-capture="16"]`.
+- States: Default only; no interaction event or pseudo-state captured.
+
+### M3 launch actions
+
+**Dark paired action — `m3-launch` product-launch surface**
+- Background: `#000000`
+- Text: `#ffffff`
+- Radius: `8px`
+- Padding: `0px 12px`
+- Font: `14px / 400 / MiSans`
+- Use: M3 launch paired action at `surface-2::[data-omd-capture="20"]`.
+- States: Default only; no interaction event or pseudo-state captured.
+
+**Light paired action — `m3-launch` product-launch surface**
+- Background: `#ffffff`
+- Text: `#222222`
+- Radius: `8px`
+- Padding: `0px 12px`
+- Font: `14px / 400 / MiSans`
+- Use: M3 launch paired action at `surface-2::[data-omd-capture="21"]`.
+- States: Default only; no interaction event or pseudo-state captured.
+
+### Audio-tool action
+
+**Generate — `audio-tool` product-tool surface**
+- Background: `#7659fa`
+- Text: `#f8f8f8`
+- Radius: `100px`
+- Padding: `0px 20px`
+- Font: `14px / 500 / MiSans`
+- Use: Public audio-tool generate action at `surface-3::[data-omd-capture="12"]`.
+- States: Default only; no interaction event or pseudo-state captured.
+
+### Careers actions
+
+**Primary — `careers` marketing surface**
 - Background: `#181e25`
 - Text: `#ffffff`
-- Padding: 11px 20px
-- Radius: 8px
-- Use: Primary CTA ("Get Started", "Learn More")
+- Radius: `9999px`
+- Padding: `12px 24px`
+- Font: `14px / 500 / MiSans`
+- Use: Careers primary action at `surface-4::[data-omd-capture="18"]`.
+- States: Default only; no interaction event or pseudo-state captured.
 
-**Pill Nav**
-- Background: `rgba(0, 0, 0, 0.05)` (subtle tint)
+**Outline — `careers` marketing surface**
 - Text: `#18181b`
-- Radius: 9999px (full pill)
-- Use: Navigation tabs, filter toggles
+- Border: `1px solid #18181b`
+- Radius: `9999px`
+- Padding: `12px 32px`
+- Font: `16px / 500 / MiSans`
+- Use: Careers outline action at `surface-4::[data-omd-capture="26"]`.
+- States: Default only; no interaction event or pseudo-state captured.
 
-**Pill White**
-- Background: `#ffffff`
-- Text: `rgba(24, 30, 37, 0.8)`
-- Radius: 9999px
-- Opacity: 0.5 (default state)
-- Use: Secondary nav, inactive tabs
-
-**Secondary Light**
-- Background: `#f0f0f0`
-- Text: `#333333`
-- Padding: 11px 20px
-- Radius: 8px
-- Use: Secondary actions
-
-### Product Cards
-- Background: Vibrant gradients (pink/purple/orange/blue)
-- Radius: 20px–24px (generous rounding)
-- Shadow: `rgba(44, 30, 116, 0.16) 0px 0px 15px` (brand purple glow)
-- Content: Product name, model version, descriptive text
-- Each card has its own color palette matching the product identity
-
-### AI Product Cards (Matrix)
-- Background: white with subtle shadow
-- Radius: 13px–16px
-- Shadow: `rgba(0, 0, 0, 0.08) 0px 4px 6px`
-- Icon/illustration centered above product name
-- Product name in DM Sans 14–16px weight 500
-
-### Links
-- **Primary**: `#18181b` or `#181e25`, underline on dark text
-- **Secondary**: `#8e8e93`, muted for less emphasis
-- **On Dark**: `rgba(255, 255, 255, 0.8)` for footer and dark sections
-
-### Navigation
-- Clean horizontal nav on white background
-- MiniMax logo left-aligned (red accent in logo)
-- DM Sans 14px weight 500 for nav items
-- Pill-shaped active indicators (9999px radius)
-- "Login" text link, minimal right-side actions
-- Sticky header behavior
+---
+**Verified:** 2026-07-13
+**Tier 1 sources:** https://www.minimaxi.com/ (public marketing), https://www.minimaxi.com/models/text/m3 (model-launch page), https://www.minimaxi.com/audio (public audio tool), https://www.minimaxi.com/careers (careers marketing), https://minimaxi.com/about (official company context), https://platform.minimaxi.com/docs/guides/models-intro (official model documentation), https://filecdn.minimax.chat/public/MiSans-Regular.woff2 (loaded MiniMax-hosted font asset)
+**Tier 2 sources:** https://getdesign.md/minimax (listing exists; its “bold dark/neon” description conflicts with the current captured public surfaces and supplies no promoted token), https://styles.refero.design/?q=MiniMax (attempted; current fetch returned an internal error and no usable record)
+**Conflicts unresolved:** none
 
 ## 5. Layout Principles
 
-### Spacing System
-- Base unit: 8px
-- Scale: 1px, 2px, 4px, 6px, 8px, 10px, 11px, 14px, 16px, 24px, 32px, 40px, 50px, 64px, 80px
-
-### Grid & Container
-- Max content width centered on page
-- Product card grids: horizontal scroll or 3–4 column layout
-- Full-width white sections with contained content
-- Dark footer at full-width
-
-### Breakpoints
-| Name | Width | Key Changes |
-|------|-------|-------------|
-| Mobile | <768px | Single column, stacked cards |
-| Tablet | 768–1024px | 2-column grids |
-| Desktop | >1024px | Full layout, horizontal card scrolls |
-
-### Whitespace Philosophy
-- **Gallery spacing**: Products are presented like gallery items with generous white space between cards, letting each AI model breathe as its own showcase.
-- **Section rhythm**: Large vertical gaps (64px–80px) between major sections create distinct "chapters" of content.
-- **Card breathing**: Product cards use internal padding of 16px–24px with ample whitespace around text.
-
-### Border Radius Scale
-- Minimal (4px): Small tags, micro badges
-- Standard (8px): Buttons, small cards
-- Comfortable (11px–13px): Medium cards, panels
-- Generous (16px–20px): Large product cards
-- Large (22px–24px): Hero product cards, major containers
-- Pill (30px–32px): Badge pills, rounded panels
-- Full (9999px): Buttons, nav tabs
+- The capture is a 1440×900 desktop bundle. It establishes local action padding—28px horizontal on the home action, 12px on M3 paired actions, 20px on the audio action, and 24px/32px on careers actions—not a universal spacing scale.
+- White body surfaces recur across all four routes, but the routes serve different jobs: company/model marketing, an M3 launch, an audio tool, and recruitment.
+- The bundle does not establish responsive breakpoints, authenticated-app navigation, or documentation layout conventions.
 
 ## 6. Depth & Elevation
 
-| Level | Treatment | Use |
-|-------|-----------|-----|
-| Flat (Level 0) | No shadow | White background, text blocks |
-| Subtle (Level 1) | `rgba(0, 0, 0, 0.08) 0px 4px 6px` | Standard cards, containers |
-| Ambient (Level 2) | `rgba(0, 0, 0, 0.08) 0px 0px 22.576px` | Soft glow around elements |
-| Brand Glow (Level 3) | `rgba(44, 30, 116, 0.16) 0px 0px 15px` | Featured product cards |
-| Elevated (Level 4) | `rgba(36, 36, 36, 0.08) 0px 12px 16px -4px` | Lifted cards, hover states |
-
-**Shadow Philosophy**: MiniMax uses a distinctive purple-tinted shadow (`rgba(44, 30, 116, ...)`) for featured elements, creating a subtle brand-color glow that connects the shadow system to the blue brand identity. Standard shadows use neutral black but at low opacity (0.08), keeping everything feeling light and airy. The directional shadow variant (6.5px offset) adds dimensional interest to hero product cards.
+The representative actions in §4 report `boxShadow: none`. No reusable elevation ladder, card shadow, or hover-lift rule is established. The old purple glow and broad product-card shadow claims were removed because this capture does not corroborate them.
 
 ## 7. Do's and Don'ts
 
 ### Do
-- Use white as the dominant background — let product cards provide the color
-- Apply pill radius (9999px) for navigation tabs and toggle buttons
-- Use generous border radius (20px–24px) for product showcase cards
-- Employ the purple-tinted shadow for featured/hero product cards
-- Keep body text at DM Sans weight 400–500 — heavier weights for buttons only
-- Use Outfit for display headings, DM Sans for everything functional
-- Maintain the universal 1.50 line-height across body text
-- Let colorful product illustrations/gradients serve as the primary visual interest
+
+- Keep the public-web neutral base clear: white canvas, near-black text, and low-contrast borders.
+- Use a surface-local action treatment only in the context where it was observed.
+- Use MiSans only where its loaded asset and target-project licence permit it; otherwise leave the family unresolved rather than substituting a generic font as MiSans.
+- Treat current model names and product areas as evolving content, not permanent navigation or component taxonomy.
 
 ### Don't
-- Don't add colored backgrounds to main content sections — white is structural
-- Don't use sharp corners (0–4px radius) on product cards — the rounded aesthetic is core
-- Don't apply the brand pink (`#ea5ec1`) to text or buttons — it's for logo and decorative accents only
-- Don't mix more than one display font per section (Outfit OR Poppins, not both)
-- Don't use weight 700 for headings — 500–600 is the range, 700 is reserved for strong emphasis in body text
-- Don't darken shadows beyond 0.16 opacity — the light, airy feel requires restraint
-- Don't use Roboto for headings — it's the data/technical context font only
 
-## 8. Responsive Behavior
+- Do not combine the audio purple action with M3 or careers actions into a single global primary color.
+- Do not turn CSS hover utilities or the presence of `transition-*` classes into measured state or motion specifications.
+- Do not promote DM Sans, Inter, Roboto, or declared icon fonts to live MiniMax UI families.
+- Do not infer app, console, or documentation-chrome design rules from these public routes.
 
-### Breakpoints
-| Name | Width | Key Changes |
-|------|-------|-------------|
-| Mobile | <768px | Single column, stacked product cards, hamburger nav |
-| Tablet | 768–1024px | 2-column product grids, condensed spacing |
-| Desktop | >1024px | Full horizontal card layouts, expanded spacing |
+## 8. Responsive Behavior
 
-### Collapsing Strategy
-- Hero: 80px → responsive scaling to ~40px on mobile
-- Product card grid: horizontal scroll → 2-column → single column stacked
-- Navigation: horizontal → hamburger menu
-- Footer: multi-column → stacked sections
-- Spacing: 64–80px gaps → 32–40px on mobile
+Only one 1440×900 desktop capture was supplied. No breakpoint, mobile navigation, reflow, touch target, or reduced-motion behavior is verified here.
 
 ## 9. Agent Prompt Guide
 
-### Quick Color Reference
-- Background: `#ffffff` (primary), `#181e25` (dark/footer)
-- Text: `#222222` (primary), `#45515e` (secondary), `#8e8e93` (muted)
-- Brand Blue: `#1456f0` (brand), `#3b82f6` (primary-500), `#2563eb` (hover)
-- Brand Pink: `#ea5ec1` (accent only)
-- Borders: `#e5e7eb`, `#f2f3f5`
-
-### Example Component Prompts
-- "Create a hero section on white background. Headline at 80px Outfit weight 500, line-height 1.10, near-black (#222222) text. Sub-text at 16px DM Sans weight 400, line-height 1.50, #45515e. Dark CTA button (#181e25, 8px radius, 11px 20px padding, white text)."
-- "Design a product card grid: white cards with 20px border-radius, shadow rgba(44,30,116,0.16) 0px 0px 15px. Product name at 28px Outfit weight 600. Internal gradient background for the product illustration area."
-- "Build navigation bar: white background, DM Sans 14px weight 500 for links, #18181b text. Pill-shaped active tab (9999px radius, rgba(0,0,0,0.05) background). MiniMax logo left-aligned."
-- "Create an AI product matrix: 4-column grid of cards with 13px radius, subtle shadow rgba(0,0,0,0.08) 0px 4px 6px. Centered icon above product name in DM Sans 16px weight 500."
-- "Design footer on dark (#181e25) background. Product links in DM Sans 14px, rgba(255,255,255,0.8). Multi-column layout."
-
-### Iteration Guide
-1. Start with white — color comes from product cards and illustrations only
-2. Pill buttons (9999px) for nav/tabs, standard radius (8px) for CTA buttons
-3. Purple-tinted shadows for featured cards, neutral shadows for everything else
-4. DM Sans handles 70% of text — Outfit is display-only, Poppins is mid-tier only
-5. Keep weights moderate (500–600 for headings) — the brand tone is confident but approachable
-6. Large radius cards (20–24px) for products, smaller radius (8–13px) for UI elements
+For a MiniMax-like **public AI-model marketing moment**, start with a white field, near-black information hierarchy, a route-specific rounded action, and large display type only when the observed font is actually available. Do not copy an M3 launch button into the audio tool or careers surface merely because all are MiniMax-owned pages. For application work, leave product, documentation, and error-state decisions open until there is direct evidence.
 
 ## 10. Voice & Tone
 
-MiniMax's voice is **technical-modular and product-versioned** — speaks like a Chinese AI lab that ships frequent model versions (M2.7 / M2.5 / M2.1 / M2-Her / M2). Marketing copy emphasizes specific model variants and capabilities rather than a unified product narrative.
+Official MiniMax materials combine a mission-led company voice with concrete model capability and product-family labels. The about page expresses the mission as “Intelligence with Everyone”; the M3 launch and platform documentation name capabilities such as coding, agentic work, multimodality, and long context. This supports a direct, technical register without establishing a complete product microcopy system.
 
-| Context | Tone |
+| Context | Evidence-backed direction |
 |---|---|
-| CTA | Verb. "Try it", "Sign up", "API access" |
-| Marketing | Model-versioned. "MiniMax M2.7" as first-class product names |
-| Documentation | Code-first, model-spec heavy |
-
-**Voice samples**
-- Product nav: *"MiniMax M2.7"*, *"MiniMax M2-Her"*, *"MiniMax M2"* <!-- verified: minimax.io homepage 2026-05 -->
+| Company positioning | State the mission and the intended human or productivity outcome plainly. |
+| Model launch | Name the model and the specific capability before making a broad claim. |
+| Developer documentation | Prefer a model name, modality, and operating constraint over metaphor. |
 
-**Forbidden phrases.** Marketing superlatives without benchmarks.
+**Official wording samples**
+- *“Intelligence with Everyone”* — MiniMax about page and M3 launch.
+- *“Coding & Agentic”* and *“1M”* context — M3 launch page.
+- *“MiniMax-M3”*, *“MiniMax Hailuo 2.3”*, and *“Speech-2.8”* — official platform model documentation.
 
 ## 11. Brand Narrative
 
-MiniMax was founded **December 2021** in **Shanghai** by **Yan Junjie (闫俊杰, CEO)**, **Yang Bin**, and **Zhou Yucong** ([MiniMax Group — Wikipedia](https://en.wikipedia.org/wiki/MiniMax_Group)). **Yan Junjie** — born 1989 in a county town in **Henan**, **PhD from Chinese Academy of Sciences Institute of Automation**, spent **7 years at SenseTime** rising to its **youngest VP**, focused on multimodal AI and computer vision. International distribution lever has been **Talkie**, an English-language AI-companion app (the overseas redeployment of MiniMax's Glow product) that **by June 2024 became the No. 1 AI companion app in U.S. downloads**, surpassing Character.AI ([Asia Tech Lens — MiniMax](https://www.asiatechlens.com/p/meet-minimax-the-chinese-tech-company), [Oreate AI — Talkie/MiniMax IPO](https://www.oreateai.com/blog/the-ai-unicorn-behind-the-virtual-lover-app-talkie-minimaxs-journey-to-ipo-and-business-challenges/c153c4c539c15df1c84197b6298dae9b)). MiniMax shipped its **first frontier LLM January 2025 (MiniMax-01)**, then reasoning models **M1 / M2** that claimed top positions among open-weight models. **Pre-IPO funding**: **30 institutions invested ~$1.5B over 7 rounds** with **Alibaba** as the largest investor, **Hillhouse** leading the first round, plus **Tencent, MiHoYo, HongShan, IDG Capital**; an **Oct 2023 round of ¥2.5B (~$350M)** was led by Alibaba + Tencent ([Caproasia — MiniMax HK IPO 2026 Q1](https://www.caproasia.com/2025/12/23/china-ai-startup-minimax-plans-hong-kong-ipo-in-2026-q1-to-raise-700-million-at-4-billion-valuation-founded-in-2022-by-yan-junjie-yang-bin-zhou-yucong-investors-include-mihoyo-alibaba-tencent/)). **Hong Kong Stock Exchange IPO January 2026** — stock **doubled in HK debut** ([CNBC — MiniMax doubles HK debut Jan 2026](https://www.cnbc.com/2026/01/09/minimax-hong-kong-ipo-ai-tigers-zhipu.html), [Rest of World — MiniMax/Zhipu beat OpenAI to IPO](https://restofworld.org/2026/zhipu-ai-minimax-ipo/)). Multi-model release cadence (M2 series, abab series) with strong international distribution. The model **M2-Her** is positioned as a conversational AI variant. The brand voice tracks the modular product family — each model has its own positioning within the MiniMax umbrella.
-
-## 12. Principles
+MiniMax describes itself as a general-AI company founded in early 2022, pursuing AGI through the mission “Intelligence with Everyone.” Its official company profile connects proprietary multimodal models to AI-native products and an enterprise/developer open platform; the current official model documentation separates that portfolio into text, video, speech, image, and music families. The public visual system reflects this multi-product posture through a shared neutral web base with deliberately local launch, tool, and careers treatments rather than one uniformly styled application.
 
-1. **Model variants are first-class.** *UI implication:* product nav lists model versions explicitly.
-2. **Large radius cards (20-24px) for products.** *UI implication:* product showcase cards generous radius.
-3. **Smaller radius (8-13px) for UI.** *UI implication:* nav buttons, modals stay 12px.
-4. **Moderate weights.** 500-600 for headings. *UI implication:* avoid 700+ headers.
-5. **Confident but approachable register.** *UI implication:* technical claims paired with clear model use-case copy.
+The official careers page adds a culture boundary: it presents technology, product, content, and aesthetics as intersecting disciplines, and frames curiosity and exploration as valued qualities. That supports a narrative of technical work that still attends to expression and usability; it does not justify invented user stories, company chronology beyond the official profile, or app-interface claims absent from the capture.
 
-## 13. Personas
+## 12. Principles
 
-*Personas are fictional archetypes informed by MiniMax user segments (Chinese AI developers, content creators, conversational AI integrators), not individual people.*
+1. **Intelligence with everyone.** MiniMax publicly frames its mission around broad participation in intelligent systems. *Reference UI implication:* explain what a capability enables before escalating technical detail.
+2. **Multimodal, product-specific clarity.** Official materials distinguish text, video, speech, image, and music models. *Reference UI implication:* name the model and modality instead of using a vague universal “AI” label.
+3. **No shortcuts.** The official about page lists this as a company value. *Reference UI implication:* avoid presenting unmeasured shortcuts, states, or design-system rules as facts.
+4. **Technology and taste intersect.** The careers page places technology, product, content, and aesthetics together. *Reference UI implication:* use visual emphasis to clarify a technical proposition, not to hide its boundaries.
 
-**Wei Zhang, 31, Shanghai.** AI engineer at a content startup. Uses MiniMax for Chinese-first generation tasks.
+The UI implications are this reference’s constrained interpretations of official positioning, not published MiniMax component rules.
 
-**Sofia Romano, 28, Milan.** Indie developer building voice agents. M2-Her for conversational quality.
+## 13. Personas
 
-**Tomoko Yamada, 39, Tokyo.** ML lead evaluating Chinese vs Western models for production. Cares about benchmarks.
+No fictional personas are asserted. Official materials identify several audiences and contexts: individual users, enterprises, developers using the open platform, and prospective team members across technical, product, content, and aesthetic disciplines. Those are audience boundaries only; they do not replace MiniMax user research or validate behavioral assumptions.
 
 ## 14. States
 
-| State | Treatment |
-|---|---|
-| **Empty (no API keys)** | "Generate API key" CTA |
-| **Empty (no projects)** | "Try a model" with model picker |
-| **Loading (model inference)** | Per-token streaming |
-| **Loading (model loading)** | Initialization status |
-| **Error (model unavailable)** | Specific model + region message |
-| **Error (rate limit)** | Tier limit explained |
-| **Success (generation)** | Result inline + copy/save |
-| **Success (account)** | API key visible + security reminder |
-| **Skeleton (model list)** | 12px placeholders |
-| **Disabled (no quota)** | Upgrade link |
-| **Loading (long task)** | Persistent progress |
+No authenticated application state, empty state, loading state, error state, success state, disabled control, or accessibility-state contract was captured. The audio page is a public tool surface, but the supplied bundle records zero interaction events and zero observed states. The default component observations in §4 must not be expanded into an application-state specification.
 
 ## 15. Motion & Easing
 
-| Token | Value | Use |
-|---|---|---|
-| `motion-instant` | 0ms | Toggle |
-| `motion-fast` | 150ms | Hover |
-| `motion-standard` | 250ms | Modal |
-| `motion-streaming` | continuous | Token-by-token output |
-
-Standard cubic-bezier; no bounce. `prefers-reduced-motion: reduce` removes hover transitions.
-
----
-
-**Verified:** 2026-05-08 (omd:migrate run 36 — Apple-tier)
-**Tier 1 sources:** minimax.io home + /news/minimax-m2 (live DOM via playwright — Header Primary **`#181e25`** MiniMax Charcoal 32px / 38px / 16px·400; Page Primary `#181e25` **9999px** full-pill / 35px / 8×24 / 16px·400; Model nav tabs ghost 12px / 40px / 8×24 / `#292929` MiniMax Ink 16px·400 (signature multi-model rail); Cookie utility 8px / 13px·**600** separate track).
-**Tier 2 sources:** styles.refero.design / getdesign.md — no record.
-**Tier 2 (Philosophy/founders/IPO):** Wikipedia (MiniMax Group), Asia Tech Lens (Yan Junjie biography), Oreate AI (Talkie/IPO), Caproasia (HK IPO Dec 2025), CNBC (HK debut 2026-01-09), Rest of World, AI Proem.
-**Style ref:** `stripe`. **Conflicts unresolved:** none. **Earlier mistake reverted:** prior footer captured only model-nav 12px ghost; canonical Primary is **`#181e25` Charcoal** at two radii (32 / 9999) — also missed the §4 documentation of canonical CTAs.
+No motion token, duration, easing curve, or reduced-motion behavior is measured. Several observed classes include transition utilities, but the zero-interaction capture does not establish what changes, when it changes, or how it behaves under user preferences.