# Design systems — paletas selecionáveis

JSON em `produtos/design/design-system-*.json`. O **console de agentes** (Fase 5) usa estes arquivos como temas: o usuário escolhe um `slug` e a UI aplica `foundations.colors.semantic` (CSS variables).

Canônico do console: [`../../../_agents/FASE-5-CONSOLE.md`](../../../_agents/FASE-5-CONSOLE.md) · produto: [`../agents/FASE-5-CONSOLE.md`](../agents/FASE-5-CONSOLE.md)

## Contrato (para a UI)

| Campo | Uso |
|-------|-----|
| `metadata.name` (ou `designSystem.name`) | Rótulo no seletor |
| `metadata.description` | Texto curto no detalhe do tema |
| `foundations.colors.semantic` | Preferido (schema v2). `--bg-primary`, `--text-main`, `--accent`, status |
| `foundations.colors.palette.semantic` | Aceite (schema B legado) |
| `foundations.colors.palette.themes` | Variantes internas (ex. claro/escuro do mesmo filme) |

Texto real (primary, secondary, muted, acento em link/CTA) ≥ **4.5:1** sobre `background.primary`. `faint` e status (ícone/badge) ≥ **3:1**. Quatro níveis: primary → secondary → muted → faint. `rgba` em muted/faint não vale como texto sem compositar.

Slug = nome do arquivo sem `design-system-` e sem `.json`.

## Catálogo

| Slug | Arquivo |
|------|---------|
| `star-wars` | `design-system-star-wars.json` |
| `the-matrix` | `design-system-the-matrix.json` |
| `interstellar` | `design-system-interstellar.json` |
| `the-mandalorian` | `design-system-the-mandalorian.json` |
| `cyberpunk-brazil` | `design-system-cyberpunk-brazil.json` |
| `solarpunk-meridian` | `design-system-solarpunk-meridian.json` |
| `nightfall-meridian` | `design-system-nightfall-meridian.json` |
| `lord-of-rings` | `design-system-lord-of-rings.json` |
| `o-hobbit` | `design-system-o-hobbit.json` |
| `house-of-the-dragon` | `design-system-house-of-the-dragon.json` |
| `avatar` | `design-system-avatar.json` |
| `avatar-a-lenda-de-aang` | `design-system-avatar-a-lenda-de-aang.json` |
| `samurai-zen` | `design-system-samurai-zen.json` |
| `path-of-the-ronin` | `design-system-path-of-the-ronin.json` |
| `the-vikings` | `design-system-the-vikings.json` |
| `conan-o-barbaro` | `design-system-conan-o-barbaro.json` |
| `highlander` | `design-system-highlander.json` |
| `the-good-the-bad-and-the-ugly` | `design-system-the-good-the-bad-and-the-ugly.json` |
| `the-alchemist` | `design-system-the-alchemist.json` |
| `deep-sea` | `design-system-deep-sea.json` |
| `bugatti-brouillard` | `design-system-bugatti-brouillard.json` |
| `ancient-rome` | `design-system-ancient-rome.json` |

Não versionar preferência de tema no git. Preferência fica no perfil do usuário (Fase 5.5) ou `localStorage` até existir banco.

Não copiar a preferência de tema no git. O `sync-from-monorepo.ps1` (via `lab-to-vps.ps1`) copia estes JSON para `produtos/agents/api/static/themes/` na hora do deploy.

## Masterpiece Studio & X Articles

- **Aplicação Masterpiece**: [`index.html`](./index.html) — Seletor de 22 temas, questionário interativo de Visão, Missão, Valores e Observações, live preview de componentes e envio de briefing para o WhatsApp (+55 11 97374-1227).
- **Artigo Formatado para X.com**: [`artigos/artesdosul-temas-xarticle.md`](./artigos/artesdosul-temas-xarticle.md)

### Prompts de Geração de Imagem (IA)

#### Hero Principal da Aplicação (`assets/artesdosul-hero.jpg`)
```text
Cinematic ultra-detailed wide concept art of futuristic Brazilian sertão cyber-growth, solar fiber-optic neon cacti glowing with warm cyber orange and electric cyan luminescence, high-tech holographic interface glowing against deep obsidian night, fusion of Brazilian rustic deep culture and ultra-modern cyberpunk digital architecture, dramatic volumetric lighting, 8k, masterpiece, hyper-realistic.
```

#### Hero do X.com Article (`artigos/artesdosul-temas-hero.jpg`)
```text
Hero image for X.com Article titled 'ARTES DO SUL: MASTERPIECE THEMES & BRAND ARCHITECTURE'. Editorial layout with high-impact bold typography title in center. Aesthetic: Futuristic Brazilian sertão cyber-growth, solar fiber-optic neon cacti glowing with cyber-orange #ff6b35 and electric-cyan #00d9ff luminescence against deep obsidian night, holographic user interfaces, clean editorial data journalism style, subtle film grain, cinematic lighting, 1200x675 safe margins, 8k, masterpiece.
```