---
slug: stripe-ondas
nome: Ondas Stripe
descricao: fitas de degradê ondulando como seda, tipografia limpa azul-marinho, cartões brancos de interface
familia: SaaS e tecnologia
versao: 1
quando:
  - "vídeo de fintech, pagamentos ou API de desenvolvedor"
  - "lançamento de produto digital com cara de Stripe"
  - "anúncio B2B limpo e colorido sem ficar infantil"
  - "quero ondas de cor fluindo atrás do texto"
  - "demo de checkout, painel ou código"
nao_serve:
  - "fundo escuro (use saas-linear ou vercel-mono)"
  - "vídeo retrô, feito à mão ou muito divertido"
---

# Ondas Stripe

Fundo branco-azulado (`#F6F9FC`) e **uma faixa de seda ondulante** como herói: 18 fitas sobrepostas, inclinadas −12°, que não param de ondular, com cor que corre de **coral a âmbar, rosa e ciano** (sem roxo). Por cima, tipografia limpa em **Inter 700 azul-marinho `#0A2540`**, com uma palavra em degradê coral → rosa, e **cartões brancos de interface com sombra macia em duas camadas** (pagamento, pílulas de método, gráfico de onda, painel de código escuro). A faixa muda de lugar e de tamanho a cada cena: ora herói, ora chão sob o cartão.

## 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 |
|---|---|---|
| `FaixaDeOndas` | 18 fitas de seda inclinadas ondulando, paleta quente ou fria, entra se desenrolando | gancho, marca, chão de qualquer cena |
| `TituloLimpo` | título centrado, palavra sobe da máscara com desfoque, `*palavra*` em degradê coral→rosa | gancho, legenda |
| `CartaoPagamento` | cartão branco 3D com valor contando, selo aprovado e itens | cartao |
| `SelosDeMetodo` | pílulas brancas gigantes que acendem uma a uma | metodos |
| `PainelCodigo` | cartão azul-marinho com código digitado em cores de sintaxe | codigo |
| `GraficoOnda` | número gigante + curva suave com traço em degradê | prova |
| `AssinaturaMarca` | logo + nome + linha + endereço | marca (última) |
| `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 nas cenas (só o `PainelCodigo` é escuro, e é um cartão).
- Roxo ou azul-índigo nas ondas: a paleta é coral, âmbar, rosa, ciano.
- Mais de uma palavra em degradê por linha; degradê em frase inteira.
- Faixa de ondas parada ou pequena demais: como herói ocupa ≥ 45% da altura; como chão, ≥ 25%.
- Cartão sem sombra ou com sombra dura.
- Brilho/glow em letra, flash branco.
- Texto fora da área segura (168–1330 px, 80 px nas laterais).