A consistência da marca começa com um pacote pequeno e explícito de materiais. Este guia usa o kit aberto Claude Motion e as convenções do Remotion. A preparação também ajuda no HyperFrames, mas imports do React e staticFile pertencem ao Remotion, não ao editor deste site.
Crie um inventário que o agente consiga seguir
Reúna o logo aprovado, versões para fundos claros e escuros se existirem, arquivos exatos das fontes, uma paleta curta e capturas que possam ser publicadas. Registre nome, finalidade, origem e autorização de cada arquivo em um documento junto do projeto. Inclua o nome atual do produto e a chamada aprovada. Identifique materiais provisórios. Antes de implementar, peça a lista dos arquivos realmente encontrados. Isso evita uma apresentação convincente que substitua o logo ou invente uma interface inexistente.
Use caminhos locais estáveis
No Remotion, coloque materiais compartilhados em public, como public/assets/logo.png e public/assets/dashboard.png. Referencie-os com staticFile usando caminhos relativos a public. Prefira nomes curtos e consistência entre maiúsculas e minúsculas; diferenças podem causar falhas em outro computador. Use arquivos locais autorizados em vez de links temporários que podem expirar. Não inclua tokens de acesso em URLs nem publique capturas privadas de clientes em um servidor aberto apenas para facilitar a renderização.
Confira transparência e corte antes de animar
Abra o logo sobre fundos claros e escuros. Um retângulo branco pode fazer parte da imagem, e margens transparentes podem deixar a marca aparentemente pequena. Preserve proporção e área de proteção aprovadas. Decida se cada foto preencherá a caixa ou aparecerá inteira; preencher pode cortar conteúdo importante. Peça um quadro parado de cada material antes de adicionar movimento. Examine linhas finas no tamanho previsto de celular, não apenas ampliadas no computador.
Carregue a fonte real e teste cada escrita
O Remotion documenta fontes locais com @remotion/fonts. Use a família e o peso reais e aguarde o carregamento antes de medir ou renderizar texto. Verifique se a licença cobre o uso pretendido e guarde o registro. Uma fonte latina pode não conter caracteres chineses, japoneses ou coreanos: escolha e revise uma alternativa adequada. Não suponha aparência idêntica em todos os idiomas. Teste o título mais longo, pontuação, números e acentos. Se a tradução mudar as quebras, ajuste o layout antes de reduzir tudo a um tamanho ilegível.
Dê instruções precisas de marca e confira a exportação
Use o prompt abaixo para definir os requisitos da marca. Depois, examine o MP4 em busca de fontes substituídas, logos cortados, alterações de cor e imagens ausentes. Guarde materiais, inventário, informações de fontes e resultado juntos. Downloads editáveis deste site permitem continuar localmente, mas não garantem upload genérico de marca ou importação automática de kits.
Use o logo fornecido sem redesenhar. Aplique fundo creme e texto carvão aprovados; reserve verde para a ação principal. Carregue as fontes entregues. Preserve proporções e conteúdo das capturas. Antes de animar, mostre um quadro com logo, título mais longo e captura.Seu próximo passo
Forneça arquivos reais e regras claras, depois confira tudo no vídeo exportado. Um inventário correto é mais confiável que pedir algo que apenas “tenha a cara da marca”.
Explore o espaço de criaçãoFontes e leituras adicionais
As referências levam à documentação original e aos criadores. A disponibilidade pode mudar; confira a fonte antes de assinar ou instalar.
- Importing assetsRemotion
- Using fontsRemotion
- Visual review loopwhaleyxbt
- Claude Motion Skills public CLIClaude Motion Skills