Proposta de design system
A cara que vocês já têm, agora em escala.
Role para começar
02 · O ponto de partida
A identidade já existe. Agora é hora de estruturá-la.
Hoje quase tudo nasce à mão, no Photoshop. Quando vocês tentaram automatizar, os posts perderam personalidade e ganharam cara de IA. A ideia aqui é o caminho contrário: organizar o padrão que vocês já usam para que o Claude trabalhe a partir dele, sempre com a supervisão da equipe.
03 · O que ouvi de vocês
Uma linguagem clara, vintage e com personalidade.
- +Fundo de cor chapada, ilustração ou fotografia com ruído, sempre com letras brancas.
- +Base de brancos, com o amarelo queimado entrando como destaque.
- +Duas fontes que se alternam, com regras de negrito e quase nada de itálico.
- +Textos claros, que conversam bem com o público de vestibular.
- +A escrita com a voz do professor, que não pode virar texto genérico.
- →Carrosséis e posts únicos criados do zero, com a mesma cara de hoje.
- →Carrosséis com animação, sem parecer inteligência artificial.
- →Reels com legenda, palavras de ênfase e ritmo de motion design.
- →Inserções de imagens e efeitos sonoros que reforçam o discurso.
- →Tudo centralizado na equipe que vocês já têm.
04 · O que é um design system
Um manual que orienta o Claude antes de criar.
É uma estrutura de padrões, componentes, referências e instruções que orienta o Claude a criar materiais alinhados à identidade que vocês já têm. Não é um aplicativo à parte, nem algo que substitui o trabalho da equipe: é o que reduz o trabalho manual na produção do dia a dia.
Não estamos criando uma nova marca. A identidade do professor é preservada; o trabalho é estruturá-la para que ela possa ser reproduzida com mais consistência.
Regras visuais
Cores, fontes, hierarquia de texto, uso de negrito, margens e respiro.
Modelos e componentes
Capa, miolo e fechamento de carrossel, post único, fundos e destaques.
Movimento
Como os textos entram e saem, ritmo das animações e das legendas.
Referências e instruções
Imagens, elementos gráficos, peças aprovadas e como reproduzir cada padrão.
05 · O que muda na prática
A IA trabalhando no padrão da marca, com supervisão humana.
Consistência
Manter a identidade visual que o público já reconhece, post após post.
Autonomia
A equipe produz com menos dependência de processos manuais e sem precisar de uma agência.
Escala
Novos conteúdos sem reconstruir cada peça do zero.
06 · O que será desenvolvido
Três frentes, um só padrão.
Carrosséis e posts
- Paleta e códigos das cores
- Tipografia e regras de destaque
- Modelos de capa, miolo e fechamento
- Post único nos três tipos de fundo
- Texturas e elementos gráficos
Animação e Reels
Padrões desenvolvidos e validados com o Claude:
- Carrosséis animados
- Entrada e saída de textos
- Legendas estilizadas
- Destaques de palavras e frases
- Inserções de imagens e elementos gráficos
- Transições e efeitos visuais
- Efeitos sonoros e ritmo padronizados
Referências
- Banco de imagens e ilustrações de vocês
- Efeitos sonoros selecionados
- Peças aprovadas como exemplo
- Instruções para reproduzir cada formato
07 · Com transparência
O que entregamos, e o que ainda depende de teste.
Prefiro deixar isso claro desde já, para vocês não investirem num design system esperando algo que a ferramenta não garante.
Desenvolvido no projeto
Modelos prontos para uso
- Carrosséis e posts únicos no padrão de vocês
- Modelos de carrossel animado
- Padrões de texto em movimento, legendas e destaques
- Regras de uso das imagens e dos sons selecionados
- Aplicação de correções pedidas na conversa
Depende de validação técnica
Testamos juntos no projeto
- Aplicar os modelos animados sobre os vídeos gravados
- Legendas sincronizadas com a fala, a partir do texto ou da transcrição
- Efeitos sonoros aplicados no vídeo
- Exportação final em MP4
Não garantido
Fica com a equipe ou outra ferramenta
- Edição automática de vídeos brutos e remoção de pausas
- Geração de imagens ou vídeos inéditos
- Exportação para qualquer formato
- Pesquisa de imagens no Pinterest ou em outros sites
- Publicação no Instagram
Criar modelos animados não significa que qualquer vídeo poderá ser editado automaticamente. Se for preciso uma ferramenta própria para processar ou editar vídeos, ela é tratada como projeto adicional.
08 · Expectativa realista
Um design system não é um botão mágico.
Ele encurta muito o caminho, mas não elimina o olhar de vocês. O normal é cada post passar por um ciclo curto antes de ser aprovado.
1
Primeira versão
Já sai no padrão: cores, fontes e estrutura certas.
2
Ajustes
Um texto que não coube, uma imagem para trocar, um destaque fora do lugar.
3
Aprovação
Revisão humana antes de publicar, sempre.
+
Evolução
Ajustes recorrentes viram orientação na documentação.
Pedidos iguais podem gerar resultados diferentes. O padrão segura a identidade, mas cada criação é nova.
Os primeiros posts pedem mais ajustes. O resultado fica mais preciso conforme a equipe usa e refina.
Formato novo pede teste. Um tipo de post que nunca foi feito precisa de algumas rodadas.
A escrita continua sendo de vocês. O Claude organiza e destaca o texto; a voz do professor vem da equipe.
09 · Como fica o dia a dia
Do roteiro ao post, dentro do Claude.
Texto pronto
A equipe escreve o conteúdo, com a voz do professor.
Materiais
Imagens de referência ou o vídeo já cortado.
Criação
O Claude monta a peça seguindo o design system.
Revisão
A equipe revisa e pede os ajustes necessários.
Exportar
Baixar o arquivo final e publicar no Instagram.
10 · Como será entregue
Construído aqui, implementado com vocês.
Desenvolvimento
Feito no meu ambiente do Claude, onde estruturo e testo os padrões.
Documentação
Uma página online, hospedada no meu site, que funciona como central de referência.
Arquivos
Um pacote ZIP organizado com os materiais para usar e implementar.
Implementação
Orientada e validada no Claude de vocês, com testes antes da entrega definitiva.
Treinamento
Apresentação do funcionamento e das melhores práticas para a equipe.
Suporte
30 dias para dúvidas e para pequenos ajustes na entrega aprovada.
O Claude não importa um design system completo a partir de um link. A documentação é preparada para facilitar a reconstrução no Claude de vocês, e essa etapa pode exigir configurações ou ajustes manuais, que fazemos juntos.
Não existe sincronização automática entre contas. Por isso a transferência é testada e validada antes da entrega definitiva.
11 · Entregáveis
Uma central de consulta e um pacote de uso.
Para consultar
Documentação online
- Identidade visual e diretrizes da marca
- Paleta de cores e códigos
- Tipografia e regras de aplicação
- Hierarquia visual e composição
- Padrões de posts únicos e carrosséis
- Componentes e modelos reutilizáveis
- Regras de animação e motion design
- Uso de imagens e elementos gráficos
- Exemplos de peças aprovadas
- Instruções para reproduzir os padrões no Claude
Para usar
Pacote ZIP
- Arquivos de configuração e instruções
- Referências visuais organizadas
- Elementos gráficos reutilizáveis
- Texturas e fundos
- Modelos desenvolvidos no projeto
- Efeitos sonoros selecionados
- Arquivos de apoio para animações
- Guia de implementação e uso
Organizado por categorias, com nomes claros. Entram apenas materiais que podem ser legalmente compartilhados.
12 · Antes de começar
O que vocês precisam ter em mãos.
Necessário
Uma assinatura paga do Claude
Hoje, o recurso de design system está disponível nos planos pagos, como o Pro, e não na conta gratuita.
Como planos e recursos podem mudar, confirmamos juntos o plano mais adequado antes de começar.
O uso tem limite por período, compartilhado com o resto do Claude. Em semanas de muita produção, pode valer um plano com mais uso.
- Posts aprovados5 a 10 que melhor representam o perfil, de todos os formatos
- Arquivos da identidade visualCódigos das cores, caso queiram fidelidade total. Se não tiverem, extraímos dos últimos posts do perfil
- Fontes utilizadasOs arquivos, quando disponíveis
- Imagens e ilustraçõesUma pasta no Drive organizada por tema
- Exemplos de animaçõesPSD, PDF ou SVG. Se não tiverem, podem enviar só as imagens: extraímos o padrão a partir delas
- Referências de vídeoExemplos do ritmo de motion e das inserções que vocês gostam
- Logotipo e demais elementos gráficosSe aparecerem nos posts
A organização e a qualidade desses materiais influenciam diretamente a fidelidade do resultado. Ferramentas externas, assinaturas e eventuais custos de hospedagem ou processamento não estão incluídos no investimento.
13 · Escopo
O que está incluso, e o que não está.
Incluso no projeto
- Análise das referências e dos posts atuais
- Estruturação das diretrizes visuais
- Modelos de post único, carrossel e carrossel animado
- Padrões de animação e Reels desenvolvidos e validados
- Documentação online e pacote ZIP
- Até duas rodadas para grandes alterações
- Implementação orientada no Claude de vocês
- Treinamento da equipe
- 30 dias de pequenos ajustes e suporte para dúvidas
Não incluso
- Produção mensal de conteúdos e gestão das redes
- Criação contínua de novas artes
- Edição recorrente de vídeos
- Novas funcionalidades após a aprovação
- Assinaturas de ferramentas
- Criação de uma nova identidade visual
- Ajustes e manutenção após os 30 dias
- Plataforma própria de edição de vídeos
Entregar autonomia para a equipe, e não uma contratação mensal de produção.
14 · Responsabilidades
Uma parceria com papéis claros.
Estruturação e entrega
Comigo
- Analisar as referências
- Estruturar diretrizes e modelos
- Testar com conteúdos reais
- Documentar e organizar os arquivos
- Orientar a implementação e treinar a equipe
Materiais e uso
Com vocês
- Manter uma assinatura compatível do Claude
- Enviar os materiais e as referências
- Avaliar e aprovar cada entrega
- Cortar os vídeos e escrever os textos
- Revisar e publicar
15 · Etapas do projeto
Um processo com aprovação em cada fase.
Etapa 1
Análise
Leitura das referências e dos materiais enviados.
Etapa 2
Diretrizes
Estruturação das regras visuais.
Etapa 3
Modelos
Desenvolvimento dos modelos e componentes.
Etapa 4
Testes
Aplicação em conteúdos reais.
Etapa 5
Avaliação
Apresentação para a avaliação de vocês.
Etapa 6
Ajustes
Até duas rodadas para grandes alterações, dentro do escopo aprovado.
Etapa 7
Organização
Preparação da documentação e do pacote final.
Etapa 8
Entrega
Implementação orientada e treinamento.
Grandes alterações
Até 2 rodadas
Inclusas no projeto, para mudanças maiores no design system dentro do escopo aprovado. Rodadas extras são orçadas à parte.
Pequenos ajustes
30 dias de correções
Após a entrega, corrigimos detalhes de fidelidade visual, funcionamento e aplicação dos padrões.
Suporte
30 dias de dúvidas
Para tirar dúvidas da equipe sobre o uso do design system.
Novos formatos, mudanças de identidade ou funcionalidades adicionais não entram nas rodadas e são orçados à parte.
16 · Investimento
Design system personalizado.
Uma solução sob medida para padronizar e otimizar a produção de conteúdo do perfil.
- Estruturação do design system e dos modelos previstos
- Documentação online e pacote de arquivos
- Implementação orientada e treinamento
- Até 2 rodadas de grandes alterações
- 30 dias de pequenos ajustes e suporte
R$ 3.800
investimento único, pagamento via Pix
Não inclui assinaturas do Claude ou de outras ferramentas, nem custos de hospedagem ou processamento.
17 · Vamos começar?
Menos horas no Photoshop, a mesma personalidade no feed.
Passo 1
Aprovação da proposta e entrada de 50% via Pix
Passo 2
Envio dos materiais e conversa de briefing
Passo 3
Início da análise e da estruturação
Proposta por
Carolina Cisz