11 manual de marca◌ proposta

Tudo o que você precisa para começar.

Arquivos oficiais, o kit de modelos com texto editável, o checklist de cada peça e quem decide o que vira regra. Comece por aqui antes de abrir qualquer ferramenta.

01downloads/✓ aprovado

Downloads

Logos, símbolos e tokens saem de @reload/brand e são publicados em /assets/brand/. Os originais grandes (fotos de referência, exportações e vídeos) ficam no S3, em https://app.reload.dev/media/brand/.

logo-light.svglogo para fundo brancologo-dark.svglogo para fundo pretologo-blue.svglogo para fundo azulsimbolo-light.svgsímbolo azulsimbolo-blue.svgsímbolo branco, para o azulapp-icon-blue.svgavatar das redesapp-icon-dark.svgavatar alternativologo-light-256h.pngPNG com 256 px de alturasimbolo-1024.pngPNG 1024 pxtokens.csscores, fontes e raiosmotion.jsontempos e curvas de movimentokit/index.jsonlista dos modelos com tamanhos e áreas seguras
originais no S3 ◌ proposta
Peças-chave da trama 9SVG vetorial e PNG em 2160 × 2700 e 3840 × 2160
Motion 14MP4 H.264, 30 fps, renderizados no mexy
Mockups do kit 14gerados com a arte exportada do kit
Mundo da marca 18gerados a partir das peças-chave
Direção de fotografia 7gerados em P&B, referência para fotógrafos

Para subir um original novo, use o prefixo brand/ do bucket de mídia. Ele é privado; o CloudFront da plataforma serve só esse prefixo, em /media/brand/.

aws s3 sync <pasta> s3://reload-production-media-<conta>/brand/<pasta>/ \
  --cache-control "public,max-age=31536000,immutable"
02kit/◌ proposta

Kit de modelos

Cada modelo é uma página em tamanho real, com o texto vivo. Abra o link, troque o texto pela URL (?campo=valor) ou exporte em lote com o script. Peças impressas saem também em PDF com sangria.

Social

ver página →

Anúncios

ver página →

Editorial

ver página →

Offline

ver página →
exportar com outro texto
cd apps/site && bun scripts/export-kit.ts --base http://localhost:4321 --only ig-post-claim \
  --set em="experiência" --set eyebrow="Mentorias"

O script lê /branding/kit/index.json, abre cada modelo no Chromium e grava PNG (e PDF nos impressos) em apps/site/.kit/, que não vai para o Git.

03checklist.md◌ proposta

Checklist da peça

Antes de publicar qualquer coisa, passe por estes quatro blocos. Se um item falha, a peça volta para a mesa.

Antes de abrir o arquivo

  • A peça tem uma ideia só, dita numa frase.
  • O formato certo está escolhido em Formatos, com margem e área segura.
  • Existe um modelo no kit que resolve? Comece por ele.
  • Pessoas, empresas e números são reais e autorizados; o resto vai entre colchetes.

Composição

  • Um objeto principal e uma faixa de metadados em DM Mono.
  • Superfície azul, branca ou preta, com a versão do logo dessa superfície.
  • Nada de gradiente, brilho, sombra ou cor fora dos tokens; sem verde, vermelho ou âmbar.
  • Fotos reais em P&B; imagem gerada só como referência interna.
  • Logo com área de proteção e no tamanho mínimo, nunca redesenhado.

Texto

  • Títulos em Plus Jakarta Sans 400 com um só destaque em itálico.
  • DM Mono só em números, eyebrows, código e metadados.
  • Vocabulário: ecossistema, membro, mentor, mentoria, curadoria, "Fazer parte".
  • Sem frequência ("toda semana"), sem "ao vivo", sem promessa de vaga, salário ou promoção.
  • Preço: "12x de R$ 41,58" sempre com "total R$ 499,00 · última parcela R$ 41,62"; Pix só à vista.

Antes de publicar

  • Exportado no tamanho nativo, com o texto legível no celular.
  • Texto alternativo escrito em pt-BR para cada imagem.
  • Link com UTM no padrão de Anúncios.
  • Alguém do time leu a peça inteira em voz alta.
04governanca.md◌ proposta

Quem decide o que vira regra

O manual tem dois estados. O que já está na regra de marca do repositório é aprovado; o que entrou depois é proposta e vale como direção até alguém do time aprovar.

Estados

  • ✓ aprovado está em .claude/rules/brand.md e no site; mudar exige atualizar manual, pacote de marca e regra juntos.
  • ◌ proposta nasceu nesta versão do manual; use, observe o resultado e leve para aprovação.
  • Uma proposta aprovada vira regra no mesmo PR que muda o manual, brand.md e a skill reload-creative.

Versões

  • v4.0.0 24/10/2026Trama: a grade de pontos do site vira o sistema de arte da marca, com figuras, eventos, níveis de arte, nove peças-chave e um laboratório para exportar. Capas de capítulo interativas, kit refeito com a trama e formatos novos (Discord, banners, papéis de parede, fundo de chamada, cartaz e sinalização), retrato na trama, motion renderizado no mexy e mockups do mundo da marca. Tudo novo entra como proposta.
  • v3.0.0 24/10/2026Manual vira site com dez páginas: formatos, sistema gráfico, fotografia, social, anúncios, motion, editorial, offline e biblioteca, com kit de modelos e skill para agentes. Tudo novo entra como proposta.
  • v2.9.0 2026Fundamentos: essência, público, logo, cores, tipografia, elementos, forma, voz, site, plataforma e tokens.
05referencias.md◌ proposta

De onde vieram as ideias

Referências servem para entender um movimento, não para copiar. Pegamos a estrutura e a regra; cor, fonte e forma continuam sendo da Reload.

[01]Uma figura e uma faixa monoCada peça tem uma coisa grande (o R, um retrato, um código) e uma linha de metadados em DM Mono.
[02]Retrato em tramaA foto real redesenhada por pontos de tamanho variável: a pessoa no centro, na língua do sistema.
[03]Tom só com pontoDensidade e tamanho fazem o papel do gradiente: a rampa sobe sem cor nova.
[04]Números em pontos grandesCódigos curtos (F5, 01, 12x) na matriz 5 × 7, como placar; frases ficam na Jakarta.
[05]Campo que respondeA grade reage ao mouse no site e à linha do refresh no vídeo: o ponto é a interface da marca.
[06]Impresso numa tintaCartaz e merch em uma cor (azul, branco ou preto), com relevo e furo quando o material permitir.
[07]Carrossel ficha técnicaGrid suíço, marcas de corte, numeração [01/07] e uma afirmação por lâmina.
[08]Uma frase por loopTipo em movimento com uma ideia só; a palavra em destaque chega por último.

Direção de arte da trama (v4)

Coleções de referência

Sistemas que estudamos