Um mundo, não um tema.

O play é a silhueta principal, recortado em três tiras horizontais deslocadas — os cortes, as N×M variações. O coqueiro (tronco curvo, copa serrilhada) é recorte em negativo dentro do play. Preenchimento em degradê do pôr do sol (violeta #8a6bb8 → pêssego #e9a0a8 → laranja #f7a25e) sobre quadrado #0c0d1b com raio 12/64.

import { Logo, Simbolo } from "@/components/ui/Logo";

<Logo tamanho={26} />            // símbolo + wordmark
<Logo tamanho={24} mono />       // branco, currentColor
<Simbolo tamanho={16} />         // só o símbolo (troca a variante pelo tamanho)

Um accent funcional (lavanda) e o ouro só para preço e selo. Camadas de branco: .92 texto · .55 secundário · .35 decoração · .22 borda forte · .14 borda hover · .08 borda · .04 superfície. Proibido: verde, âmbar, vermelho e o rosa antigo. Erro e perigo usam accent.

:root {
  --color-fundo: #111117;
  --color-hero: #0c0d1b;
  --color-glow: #1f1f38;
  --color-superficie: #16161f;
  --color-superficie2: #1c1c28;
  --color-vidro: rgba(255,255,255,.04);
  --color-borda: rgba(255,255,255,.08);
  --color-bordaHover: rgba(255,255,255,.14);
  --color-bordaForte: rgba(255,255,255,.22);
  --color-texto: rgba(255,255,255,.92);
  --color-texto2: rgba(255,255,255,.55);
  --color-texto3: rgba(255,255,255,.35);
  --color-accent: #988bd0;
  --color-accentLight: #d9d1f6;
  --color-ouro: #e8a517;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
}

Oswald em caixa alta com tracking fica só na LP (display, hero, rótulos de seção) e nos micro-labels — sempre via utility, nunca digitada. Dentro do app tudo é Geist Sans em sentence case; Geist Mono para números tabulares, ids e datas. Medida de prose ≤ 65ch, display máximo 96 px, nada de gradiente em texto.

• titulo-displayOswald 700 · uppercase · .01em · 44 → 72 → 96 pxh1 do hero da LP
  Escale conteúdo
  10x mais rápido
• titulo-h2Oswald 600 · uppercase · 3,5 px · 22 → 30 pxseções da LP
  O que você recebe
• microOswald 500 · 11 px · uppercase · 1,5 pxselos, rótulo de seção, rótulo de campo, th
  01 — Destrave
• titulo-paginaGeist 700 · 24 px · -0,025emPageHeader de toda página do app
  Novo template
• titulo-secao · titulo-cardGeist 600 · 15 / 14 pxh2 de seção no app, título de card
  BibliotecaLote de variações
• botãoGeist 600 · 13 px (sm 12,5 · lg 14) · sentence case · nowraptodo botão e CTA
  Garantir acesso vitalício
• hero-numGeist 700 · 36 px · -1,5 px · tabularStatTile, resumo N×M
  4/4
• corpoGeist 300–400 · 15–16 px (LP) · 14 px (app)parágrafos, inputs
  O que levaria 3 horas na timeline, o ViceCut entrega em minutos.
• monoGeist Mono · 11–12 px · tabularids, datas, n/total
  4/4 prontos · 15/01/2030 10:00

Quatro raios e um círculo. Regra concêntrica: elemento que encosta no canto de um contêiner tem raio = raio externo − padding, mínimo 6 (card 12 com padding 4 → 8; sidebar 16 com padding 12 → 6). Nenhum botão, CTA, chip ou aba em pill.

Mais espaço acima de um título que abaixo dele. Grade de itens sem gap visível usa gap-px bg-borda: a linha fina vira a grade. Padding de card é uma escala fechada, escolhida pelo papel — nunca um valor solto por tela.

• bloco18 px (LP: 24 / 32)card de conteúdo, formulário, integração, passo do wizard
• tile de KPI16 / 14 pxStatTile e card de progresso do job
• item de lista18 / 14 pxlote recente, item de publicação
• card de mídia8 · 12 pxpack, variação do job, biblioteca do editor

Seções: LP py-16 sm:py-24; página secundária hero pt-16 sm:pt-24 e blocos py-12 sm:py-16. App: página gap-6 (8 com rótulos), seção → conteúdo gap-3/4, campo gap-1.5. Container: LP max-w-6xl; prose max-w-3xl — uma largura por página, nunca três.

Tudo abaixo é importado de web/components/ui/* — os mesmos componentes que o app usa, sem cópia. Um primário por região; alvo ≥ 36 px no app (40 padrão) e 48 na LP; foco visível em accent; texto de controle nunca quebra.

<Botao variante="primario" tamanho="md">Gerar 4 vídeos</Botao>
<a href="/app" className={classeBotao("secundario", "", "lg")}>Ver a plataforma</a>

Kit do app em components/ui/Icones.tsx: viewBox 24, stroke 1.6, pontas e junções arredondadas (chevrons e hambúrguer em 1.9–2). 19 px na nav, 16 inline, 15 em menus, 14 no chevron. Nunca emoji ou glifo Unicode como ícone.

• Adicionar
• Admin
• Ajuda
• Baixar
• Busca
• Calendario
• Check
• Chevron
• ChevronDireita
• ChevronEsquerda
• Colapsar
• Comentario
• Curtida
• Editor
• Fechar
• Instagram
• Integracoes
• Mais
• Menu
• Pack
• Painel
• Play
• Publicacoes
• Raio
• Sair
• Scrap
• Seta
• Sino
• Templates
• TikTok
• Upload
• Vazio
• YouTube

import { IconeBaixar } from "@/components/ui/Icones";

<IconeBaixar tamanho={16} />   // herda currentColor

O ViceCut fala como uma ferramenta que respeita o tempo de quem cria. Sentence case em tudo dentro do app (botões, títulos, menus). Caixa alta só existe na LP e só via utility. Números são fatos da ferramenta, nunca métrica de audiência inventada. Sem promessa de renda.

O SVG Paisagem (components/lp/Paisagem.tsx) desenha o skyline art déco em lavanda/rosado, coqueiros e o céu do pôr do sol — tudo procedural, sem raster. A variante quadro tem o degradê para fundo no topo (encaixa abaixo de um bloco escuro); secao é a cena inteira.

Peças geradas por scripts/marca/instagram.py com os tokens desta página: capa e slide de carrossel, antes/depois, prova em números, demonstração da UI, oferta e capa de Reels, em 1:1, 4:5 e 9:16. Clique para abrir em tamanho real.

• Capa de carrossel1:1
• Capa de carrossel4:5
• Slide interno1:1
• Slide interno4:5
• Antes e depois1:1
• Antes e depois4:5
• Prova em números1:1
• Prova em números4:5
• Demonstração da UI1:1
• Demonstração da UI4:5
• Oferta1:1
• Oferta4:5
• Capa de Reels9:16
• Foto de perfil1:1
• Foto de perfil · degradê1:1

Todos os arquivos são estáticos e servem direto deste domínio. As fontes não são redistribuídas: Oswald é do Google Fonts e Geist é da Vercel — os links oficiais estão na tabela de tipografia e dentro de paleta.json.

.venv/bin/python scripts/marca/exportar_marca.py