---
name: Minimax
description: "This site is a prime example of a modern, professional AI platform UI that balances clean aesthetics with functional clarity."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#181E25"
  secondary: "#3D3D3D"
  neutral: "#8E8E93"
  bg-quiet: "#F8F9FA"
  muted-soft: "#E5E7EB"
  line: "rgba(229, 231, 235, 1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 80px
    lineHeight: 1.1
    fontWeight: 600
    letterSpacing: "-1px"
  h2:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.3
    fontWeight: 600
    letterSpacing: "0px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 8px
  md: 12px
  lg: 24px
  pill: 9999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A comprehensive AI platform offering agent, video, and audio tools with a clean, professional interface.

*A high-tech, clean AI platform dashboard*

## Colors

Clean white canvas with high-contrast dark text and soft gray structural elements.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#181E25`)** — uses `ink` token
- **Secondary text (`#3D3D3D`)** — uses `ink-soft` token
- **Muted (`#8E8E93`)** — uses `muted` token
- **Borders (`rgba(229, 231, 235, 1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans
- **Mono:** monospace

## Layout

Centered content container with generous side padding and clear vertical stacking.

*Rhythm:* Consistent 4px grid with generous whitespace between sections.

## Elevation & Depth

- rgba(0, 0, 0, 0.08) 0px 0px 22.576px 0px
- rgba(36, 36, 36, 0.08) 0px 0px 16px -4px
- Borders: 1px solid #E5E7EB

## Shapes

- `sm`: 8px
- `md`: 12px
- `lg`: 24px
- `pill`: 9999px

## Components

- **button:** Pill-shaped buttons with dark backgrounds for primary actions and white backgrounds with borders for secondary actions.
- **card:** White cards with soft shadows and rounded corners, used for product features.
- **chip:** Not prominently featured, but elements use small, rounded containers.
- **input:** Standard inputs with soft borders and rounded corners.
- **hero:** Large centered text with a prominent headline, subtext, and call-to-action buttons.

## Do's and Don'ts

**Don't:**
- Don't use neon or highly saturated accent colors — the palette is strictly monochrome with a white background.
- Don't use heavy drop shadows on cards — the design uses subtle, soft box-shadows for elevation.
- Don't use purely geometric, sharp-edged shapes for primary buttons — the design features fully rounded, pill-shaped buttons.
- Don't use a dark mode layout — the screenshots show a bright, white-background UI.
- Don't clutter the layout with dense information — the design uses generous whitespace and clear visual hierarchy.
- Don't use complex gradient backgrounds for text — the design relies on solid colors for readability.

---

## System Prompt (paste into AI agent)

```
This design represents a professional, clean SaaS platform for AI tools, using a monochrome palette (#FFFFFF background, #181E25 ink) with a humanist-sans typography (DM Sans/Plus Jakarta Sans). The layout is centered and spacious, focusing on clear hierarchy and readability. Avoid using bright neon accents, heavy shadows, sharp-edged buttons, dark mode layouts, cluttered layouts, or complex gradients for text. Prioritize clarity, professional tone, and modern web aesthetics.
```