---
slug: isometrico
nome: Isométrico
descricao: blocos 3D isométricos que caem e montam um sistema, mesa giratória, cores chapadas sobre gelo azulado
familia: SaaS e tecnologia
versao: 1
quando:
  - "explicar como um sistema, integração ou arquitetura funciona"
  - "vídeo de plataforma, infraestrutura ou automação com cara de diagrama 3D"
  - "mostrar peças que se conectam"
  - "anúncio tecnológico colorido e amigável, sem ser infantil"
  - "quero blocos montando, estilo ilustração isométrica"
nao_serve:
  - "estúdio escuro e realista (use produto-3d)"
  - "vídeo sem noção de sistema ou peças ligadas"
---

# Isométrico

Fundo **gelo azulado `#DDE9F0`** com malha isométrica quase invisível. Os heróis são **blocos 3D de projeção real** (elevação de 32°, giro livre de mesa giratória, três faces sombreadas, sombra no chão) em cores chapadas: **coral `#F26B5B`, mostarda `#F2B134`, verde `#1FA6A0`, marinho `#233A66`, creme**. **Os blocos caem do alto um depois do outro e quicam ao pousar**, formam uma rede com trilhos e pacotes de luz correndo, viram uma **cidade de colunas** (gráfico 3D) ou uma **palavra deitada no chão e extrudada**. Apoio só em **plaquinhas creme com sombra dura marinho**. Archivo 800 + Jost. Um herói por cena, com respiro (margens de 96 px).

## Como montar um vídeo com este kit

1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = um plano.
2. **Escolha as batidas** em `receita.json`. Cada batida diz quanto dura e quais elementos servem.
3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): `de`/`ate` em quadros, `entrada`, `camadas` (elemento + props) e `sons`. Os cortes seguem a voz ou a batida da trilha (1 batida = 15.0 quadros).
4. **Renderize** com `<Montagem plano={...} arquivos={...} />`.
5. **Confira** um quadro por cena contra `regras/`: área segura, herói grande, nada parado, nada cortado.

## Elementos

| elemento | o que faz | batidas |
|---|---|---|
| `BlocosMontando` | blocos 3D caem um a um e quicam; mesa giratória; o primeiro é a plataforma | montar |
| `RedeDeBlocos` | nós 3D ligados por trilhos com pacotes de luz correndo | rede |
| `CidadeDeDados` | gráfico de barras 3D n×n, colunas sobem em onda | dados |
| `TextoNoChao` | palavra deitada no chão, extrudada em 16 camadas, sobre plataforma | titulo, oferta |
| `LegendaPlaca` | plaquinha creme com sombra dura; é o único apoio | apoio |
| `AssinaturaMarca` | logo que cai sobre uma plataforma + nome + endereço | marca (última) |
| `iso (motor 3D)` | `proj`, `Cubo`, `CuboSVG`, `SombraSVG`, `faces`, `tom`: monte composições novas | base de qualquer cena isométrica |
| `Fundo`, `Camera`, `Cena` | o chão, a deriva da câmera e a janela de cada plano | todas |
| `Efeito`, `Trilha` | sons e trilha do kit | todas |

## Proibido

- Fundo escuro, textura, degradê, glow.
- Faces sem sombreamento (todo bloco tem topo claro e duas laterais em tons diferentes).
- Perspectiva falsa: o motor é a única projeção; nada de `skew` manual para fingir isométrico (exceto no texto no chão).
- Mais de 5 cores de bloco; coral é o destaque.
- Mais de um herói por cena; mais de 1 apoio; elemento a menos de 96 px da borda.
- Bloco que aparece sem cair/subir: toda peça entra em movimento.
- Texto fora da área segura (168–1330 px, 96 px nas laterais).