06 manual de marca◌ proposta

Social, no tom da Reload

Instagram, LinkedIn, X, YouTube e Discord com o mesmo sistema: uma figura da trama, metadados em mono, uma ideia por peça. Modelos editáveis para cada formato, regras de grade e legendas na voz da marca.

01redes.md◌ proposta

O papel de cada rede

Cada rede tem um trabalho. O Instagram mostra, o LinkedIn dá contexto, o X conversa, o YouTube guarda e o Discord avisa quem já faz parte. A voz é a mesma em todas; muda o tamanho do texto e o gancho.

Instagram

Vitrine e descoberta

Carrosséis de uma ideia, capas de mentoria, bastidores do ecossistema e recortes de eventos.

Avatar:
320 × 320 (aparece a 110 px, redondo)
Capa:
Sem banner. A grade do perfil é a capa (veja Instagram).
LinkedIn

Autoridade e recrutadores

Carrosséis em PDF, textos de carreira, vagas que passaram pela curadoria e convites a recruiters.

Avatar:
400 × 400 (quadrado na página, redondo no perfil)
Capa:
1584 × 396 (perfil pessoal; a página corta ao centro para ≈ 6:1)
X

Conversa de dev

Opiniões curtas, imagens de código, avisos de evento e links para o que está no ar.

Avatar:
400 × 400 (redondo)
Capa:
1500 × 500
YouTube

Arquivo de mentorias

Recortes de mentorias gravadas, só com autorização de quem participou. Cada vídeo tem thumbnail do sistema.

Avatar:
800 × 800 (redondo)
Capa:
2560 × 1440 · área segura central 1546 × 423
Discord (avisos)

Anúncios para membros

Avisos de evento, aberturas de open space e novidades do ecossistema. Texto primeiro, imagem só quando ajuda.

Avatar:
Ícone do servidor 512 × 512 (redondo, lido a 48 px)
Capa:
Banner do servidor 960 × 540 · fundo do convite 1920 × 1080

Tamanhos de plataforma mudam sem aviso: conferir na plataforma antes de publicar.

Foto de perfil

Ícone de app azul, quadradoÍcone de app azul, recorte redondoÍcone de app preto, recorte redondoÍcone de app azul a 40 px112 · 72 · 72 · 40 px
  • Só o símbolo ou o ícone de app, nunca o logotipo completo.
  • Padrão: ícone de app azul. O preto entra só onde a rede é escura e o azul perde contraste.
  • No recorte redondo, o símbolo fica dentro dos 80% centrais. Teste a 40 px antes de publicar.
  • Foto de pessoa não vira avatar da marca. Perfis pessoais de mentores são deles.

Capas e banners

  • Faixa azul ou preta, o símbolo grande na trama recortado pela borda e uma linha: "Dê um reload." ou reload.dev.
  • Um evento por rede: a rampa no LinkedIn, o refresh no X, o símbolo puro no YouTube e no Discord.
  • Texto só na área segura central e longe do canto da foto de perfil: a rede corta as bordas em telas pequenas.
  • Sem foto, sem gradiente, sem lista de benefícios. O banner assina, a bio explica.

A tracejada marca onde a linha pode ficar; as faixas hachuradas, o que a página corta.

Dê um reload.

Capa do LinkedIn · 1584 × 396 · nível 3kit/linkedin-banner ↗

Dê um reload.

Capa do X · 1500 × 500 · nível 3kit/x-header ↗

Discord

O servidor é onde o ecossistema conversa. Banner, fundo do convite, ícone e emoji usam a mesma trama, cada um no tamanho em que é visto.

Fundo do convite do Discord · 1920 × 1080 · nível 3kit/discord-splash ↗
Banner do Discord · 960 × 540 · nível 2kit/discord-banner ↗

Regras do Discord

  • O banner fica sem texto: o Discord escreve o nome do servidor por cima do terço de cima.
  • No convite, o card cobre o centro: os anéis contornam o card e o miolo fica em repouso.
  • Ícone e emoji são lidos a 48 e 22 px: marcas cheias, de pontos grandes, sem retícula fina.
  • Emoji em letra de pontos (F5, ✓, +1) ou o símbolo; nada de rosto, mascote ou meme.
Ícone do servidor · 512 × 512 · nível 2kit/discord-icon ↗
Emoji · F5 · 128 × 128 · nível 2kit/discord-emoji-f5 ↗
Emoji · ✓ pronto · 128 × 128 · nível 2kit/discord-emoji-pronto ↗
Emoji · +1 · 128 × 128 · nível 2kit/discord-emoji-mais-um ↗
Emoji · símbolo · 128 × 128 · nível 2kit/discord-emoji-reload ↗
Notebook numa mesa clara mostrando o fundo de convite do Discord, azul com anéis de pontos
Convite do Discord, a partir de discord-splash · mockup gerado com a arte do kit, para visualizar a aplicação
02instagram/◌ proposta

Feed e grade do perfil

O feed vende a marca antes de qualquer legenda. Quatro modelos cobrem quase tudo: frase, citação de mentor, terminal e evento. A grade do perfil é planejada como um conjunto, não como posts soltos.

Carreira em cachereload.dev

Sua carreira não precisa de mais conteúdo.

Reload
Post de frase · 1080 × 1350 · nível 2kit/ig-post-claim ↗
Mentoria

“[Frase do mentor: uma experiência real, em até 22 palavras, com uma ideia só.]”

Rodrigo BranasCTO na Gennera · fundador da branas.ioReload
Citação de mentor · 1080 × 1350 · nível 2kit/quote-card ↗
git log
~/carreira

$ git log --oneline carreira

e4f5a01 fix: parar de estudar sozinho

b72c9d3 feat: pedir code review

9a01ee7 refactor: sair do platô

$ git pull --reload

✓ pronto

Reloadreload.dev
Post de terminal · 1080 × 1350 · nível 1kit/terminal-post ↗
Open spacereload.dev

[Nome do evento]

[00/00]
hora
[00h00]
local
[Cidade · local]
Reload
Card de evento · 1080 × 1080 · nível 3kit/event-card ↗

Formatos

4:5 · 1080 × 1350
Padrão do feed. Carrossel, frase, citação, terminal.
1:1 · 1080 × 1080
Eventos e avisos que também vão para LinkedIn e X.
3:4 · grade do perfil
A grade corta o 4:5 nas laterais. A margem de 7,4% sobrevive ao corte.

Regras do feed

  • Uma ideia por peça. Se precisa de "e", é carrossel.
  • Texto mínimo de 28 px no canvas de 1080 px. Menos que isso some no celular.
  • O logo aparece uma vez, pequeno, na linha de rodapé. Não há marca d'água.
  • Azul de fundo só quando a peça é chamada. Peça de conteúdo é branca, Azul 50 ou preta.
  • Fotos P&B só de gente real e autorizada. As imagens geradas do manual são referência, não peça.

A grade como série

Nove posts feitos com os modelos do kit, do jeito que o perfil mostra: cada post cortado em 3:4 a partir do centro. O rodízio de superfície e de nível de arte é o que faz a grade parecer marca, mesmo sem ler nada.

Alterne superfície e nível a cada post: nenhum vizinho repete cor, nível ou modelo, e cada post tem uma figura só.

Regras da grade

  • Superfície em rodízio: azul, branco e preto, sem dois vizinhos iguais na linha ou na coluna.
  • Nível de arte em rodízio: campo (1), figura (2) e evento (3); cada post tem uma figura só.
  • Modelo repetido só com outra copy e nunca encostado no igual.
  • Planeje por linha de três: o post novo entra no topo e empurra os outros uma casa.
  • A grade corta o 4:5 em 3:4 e o reels no centro; o card 1:1 perde 12,5% de cada lado, confira antes de publicar.
  • Antes de publicar, olhe a grade no celular: o ritmo azul, preto, claro precisa aparecer.

Capas de destaque

Três destaques fixos no perfil, cada um com um pictograma de pontos no centro. O Instagram mostra só o círculo do meio, pequeno, e escreve o nome embaixo: a capa não leva texto.

Destaque · Mentorias · 1080 × 1920 · nível 1kit/ig-highlight-mentorias ↗
Destaque · Vagas · 1080 × 1920 · nível 1kit/ig-highlight-vagas ↗
Destaque · Eventos · 1080 × 1920 · nível 1kit/ig-highlight-eventos ↗

No perfil

  • Mentorias: encontro: duas pessoas na mesma conversa.
  • Vagas: curadoria: a escolhida entre muitas.
  • Eventos: onda: o chamado que se espalha.

A tracejada marca o quadrado inscrito no círculo; as faixas hachuradas ficam fora do recorte.

Celular sobre a mesa mostrando o story de mentoria em fundo preto, com o retrato em trama
Story de mentoria, a partir de ig-story-mentoria · mockup gerado com a arte do kit, para visualizar a aplicação
Mão segurando um celular com a grade do perfil da Reload no Instagram, nove posts na trama azul, branca e preta
Perfil no Instagram, a partir de ig-post-claim, ig-carousel-cover, quote-card, terminal-post, event-card · mockup gerado com a arte do kit, para visualizar a aplicação
03carrossel/◌ proposta

Uma ideia por slide

O carrossel é a ficha técnica de uma ideia: capa que promete, slides que provam, fechamento que chama. Contador mono e numeral em letra de pontos dão o ritmo de documento; a arte muda a cada papel, do R em cache ao R em órbita, e a gramática fica.

Reload[01/07]
Carreira em cache

Sua carreira está em cache?

deslize →
Carrossel · capa · 1080 × 1350 · nível 3kit/ig-carousel-cover ↗
Ponto[02/07]
01

Pergunte para quem já foi sênior.

  • +Pergunta para quem passou pelo mesmo platô
  • +Feedback de code review com contexto
  • −Tutorial em loop
  • −Achismo sem fonte
Reloadreload.dev
Carrossel · ponto · 1080 × 1350 · nível 1kit/ig-carousel-body ↗
Ecossistema de devs[07/07]

Dê um reload.

Mentorias com quem já chegou lá, Discord com curadoria e recrutadores por perto.

Fazer parte →link na bioReload
Carrossel · fechamento · 1080 × 1350 · nível 3kit/ig-carousel-cta ↗

Estrutura

  1. [01] CapaUma promessa em até 8 palavras. Eyebrow, contador [01/07] e "deslize →".
  2. [02–06] CorpoUm ponto por slide. Título de até 6 palavras e no máximo 4 linhas de diff, até 8 palavras cada.
  3. [07] FechamentoPreto, "Dê um reload.", uma frase de até 14 palavras, botão "Fazer parte →" e "link na bio".

Regras

  • Entre 5 e 10 slides; 7 é o padrão. Contador mono no canto, sempre [01/07].
  • Um ponto por slide, numerado em letra de pontos (01, 02...). O numeral é o único elemento grande além do título.
  • Diff para ideias de antes e depois: + em azul para o que entra, − em cinza para o que sai.
  • A arte muda a cada papel e a gramática fica: capa com o R em cache, corpo com o numeral sobre o campo, fechamento com o R em órbita.
  • A frase do slide 1 termina em pergunta ou afirmação; a resposta vem nos slides do meio, nunca em outro post.
  • No LinkedIn o mesmo carrossel sobe como PDF, na mesma ordem.
04stories/◌ proposta

Stories e reels sem colisão

A interface do Instagram cobre o topo e a base do story. Tudo que importa vive na área viva do meio. A capa de reels usa o mesmo modelo.

Reload[00/00] · [00h00]
Mentoria

[Título da mentoria]

com Pedro Nauckcriador do Compozy e do Docz

Story de mentoria · 1080 × 1920 · nível 2kit/ig-story-mentoria ↗
zonas · 9:16

Zonas e sticker

Topo
13% (cerca de 250 px): barra de perfil e progresso. Nada de texto ou logo.
Base
18% (cerca de 340 px): campo de resposta e botões. Nada de texto ou logo.
Área viva
Entre os dois, com margem lateral de 7,4%. Retrato, título e mentor ficam aqui.
Link
Um sticker de link só, abaixo do título, dentro da área viva. Texto do sticker: "Fazer parte".
Capa de reels
Mesmo modelo. A grade do perfil mostra o centro em 3:4: título dentro dos 75% centrais (conferir).
  • Story de mentoria só com mentor autorizado; sem autorização, os campos ficam entre colchetes.
  • Texto em story some em 5 segundos: título de até 5 palavras, uma linha de mentor, uma linha mono.
  • Enquete e caixa de pergunta são livres, mas em cores da marca e sem prometer resposta de mentor.

Movimento de entrada, tempo e curva: /branding/motion.

05linkedin-x.md◌ proposta

A mesma ideia, três redes

Não se reescreve a marca por rede; adapta-se o recorte. O carrossel do Instagram sobe como PDF no LinkedIn, a frase vira uma linha no X e o link ganha o card do manual de editorial.

LinkedIn

Carrossel em PDF 1080 × 1350 · imagem 4:5 · link card 1200 × 627

Mesma voz, um pouco mais de contexto de carreira. Primeira linha vira o gancho antes do "ver mais".

O link entra no texto. Card de link usa o og-card do manual de editorial.

X

Imagem 16:9 ou 1:1 · link card 1200 × 630 · imagem de código

Uma ideia em até 280 caracteres. Sem thread de venda; thread só para explicar uma ideia técnica.

Imagem de código segue o capítulo de editorial. Sem hashtag.

Instagram

Feed 4:5 · stories 9:16 · reels 9:16

A legenda carrega o gancho; a imagem carrega a marca.

O link vai na bio: "link na bio" fecha a legenda.

Card de link (og-card) e imagem de código ficam no capítulo de editorial: o mesmo arquivo serve ao LinkedIn, ao X e ao Discord.

Ver imagem de link →
06youtube/◌ proposta

Thumbnail que se lê a 160 px

O canal guarda as mentorias, e a thumbnail é o sistema dele: o mentor na trama, cortado pela borda, chip e título curto. Na lista do YouTube a thumbnail aparece pequena, então o teste é sempre o tamanho pequeno.

Reload
Mentoria

[Título da mentoria]

com Rodrigo BranasCTO na Gennera · fundador da branas.io

12:34
Thumbnail de mentoria · 1280 × 720kit/yt-thumb ↗

O selo 12:34 marca onde o YouTube desenha a duração: nada entra ali.

Teste de tamanho

Reload
Mentoria

[Título da mentoria]

com Rodrigo BranasCTO na Gennera · fundador da branas.io

160 px
Reload
Mentoria

[Título da mentoria]

com Rodrigo BranasCTO na Gennera · fundador da branas.io

320 px
Reload
Mentoria

[Título da mentoria]

com Rodrigo BranasCTO na Gennera · fundador da branas.io

azul · série

Regras

  • Título de até 5 palavras. Se não cabe, o título do vídeo é que está comprido.
  • Chip "Mentoria" + título + o retrato do mentor na trama, cortado pela borda. Nada além disso.
  • Legível a 160 px de largura: só chip e título precisam ser lidos nesse tamanho.
  • Canto inferior direito livre: ali o YouTube desenha a duração.
  • Sem seta, círculo vermelho, expressão exagerada nem texto em caixa alta gritando.
  • Fundo preto por padrão; azul para destaque de série. Nunca branco, que some na lista clara.

Dê um reload.

reload.dev
Banner do YouTube · 2560 × 1440 · nível 2kit/yt-banner ↗

Banner do canal

A TV mostra o canvas inteiro, o desktop uma faixa de 2560 × 423 no meio e o celular só a área segura central de 1546 × 423. A linha e o reload.dev ficam nessa área; o símbolo atravessa a borda dela, cortado como em toda capa.

A tracejada marca a área segura; as faixas hachuradas, o que o celular corta. Conferir no YouTube Studio antes de publicar.

Pessoa no sofá com um notebook mostrando a thumbnail de mentoria em fundo preto, com o retrato em trama
Thumbnail do YouTube, a partir de yt-thumb · mockup gerado com a arte do kit, para visualizar a aplicação
07legendas.md◌ proposta

Legenda é um commit message

Gancho curto, corpo enxuto, uma chamada. A imagem carrega a marca; a legenda carrega a voz: direta, técnica quando precisa e sem hype.

01 Gancho

Uma linha, até 90 caracteres. É o que aparece antes do "ver mais" (cerca de 125 no Instagram, conferir).

02 Corpo

Duas a quatro linhas curtas. Use ▸ para listar. Uma ideia, a mesma da imagem.

03 CTA

Uma linha: "Fazer parte" e "link na bio". No LinkedIn e no X, o link vai no texto.

04 Tags

Zero a três no fim. Específicas de tecnologia ou tema, nunca genéricas.

Fórmulas de gancho

cache

"Sua [coisa] está em cache?"

Sua carreira está em cache? Faz quanto tempo que você não atualiza?

F5

"Aperte F5 em [coisa]."

Aperte F5 no seu plano de carreira. Ele ainda é o do ano passado?

diff

"git diff [A] [B]"

git diff comunidade-aberta reload: o que sai e o que entra.

git

"git blame [coisa]"

git blame na sua rotina de estudo: quem escolheu esse caminho?

deploy

"[Coisa] não vai para produção sozinha."

Plano de carreira não vai para produção sozinho.

code review

"Peça [coisa] como pede code review."

Peça feedback de carreira como você pede code review: com contexto.

Hashtags

  • No máximo 3, no fim, sempre específicas (a tecnologia ou o tema do post).
  • Nunca genéricas ou de engajamento (#follow, #love, #dev). Nunca em X.
  • Reload não cria hashtag própria até haver uso real no ecossistema.

Emoji

  • Sem emoji. Use os símbolos de terminal: ✓ ▸ ● →
  • ✓ para o que a pessoa leva, ▸ para itens de lista, → para a chamada.
  • Um símbolo por linha, nunca no meio da frase.

Tamanho

Instagram:
gancho + até 600 caracteres
LinkedIn:
gancho + até 1.200 caracteres
X:
até 280 caracteres, sem CTA repetido
Discord (avisos):
até 3 linhas, sem imagem obrigatória

Limites de plataforma: conferir antes de publicar.

Dez legendas prontas

Campos entre colchetes ficam assim até haver fato real e autorizado.

01 Instagramcarrossel

Sua carreira está em cache?

Você repete o que já sabe e o deploy do ano passado continua em produção.

▸ Mentorias com quem já chegou lá

▸ Discord com curadoria

Dê um reload. Fazer parte: link na bio.

02 LinkedIntexto

Aperte F5 no seu plano de carreira.

Se ele ainda é o do ano passado, ele está em cache.

Platô de pleno para sênior quase nunca é falta de estudo. É falta de conversa com quem já atravessou.

A Reload é o ecossistema para essa conversa. Fazer parte: reload.dev

03 Instagramterminal

git diff comunidade-aberta reload

− ruído

− achismo

+ curadoria

+ gente que escolheu estar aqui

✓ pronto. Fazer parte: link na bio.

04 Xtexto

Plano de carreira não vai para produção sozinho.

Alguém precisa fazer o code review dele.

reload.dev

05 Instagramcitação

“[Frase do mentor]”

[Nome do mentor], [Cargo] na [Empresa], em uma mentoria da Reload.

Uma experiência real vale mais que dez resumos.

Fazer parte: link na bio.

06 LinkedInevento

Open space da Reload no [Nome do evento].

[00/00/0000] · [00h00] · [Cidade · local]

Troca entre pares, com curadoria.

Quem faz parte entra pelo ecossistema: reload.dev

07 LinkedInrecruiters

Recruiter, a gente quer você aqui dentro.

Para recrutadores, a Reload é de graça.

▸ #open-to-work: membros que avisam que estão disponíveis

▸ #vagas: vagas com curadoria

Quero entrar como recruiter → reload.dev

08 Instagramfrase

Todo sênior já foi júnior. Pergunta.

Na Reload, pergunta é bem-vinda. É assim que a troca entre pares começa.

Fazer parte: link na bio.

09 Instagramstory

git blame na sua rotina de estudo.

Quem escolheu esse caminho? Se foi o algoritmo, vale rever.

Mentoria com [Nome do mentor]. Fazer parte: link na bio.

10 LinkedInplano

Doze meses pelo preço de dez.

Anual: R$ 499,00 em 12x de R$ 41,58 sem juros no cartão (total R$ 499,00 · última parcela R$ 41,62) ou Pix à vista.

Quem entra mantém o preço que pagou.

Fazer parte: reload.dev

Palavras proibidas

Não usarUse
toda semana, semanal, ao vivo, lives, Q&Amentorias (sem frequência)
curso, aluno, cliente, trilha, módulo, formaçãoecossistema, membro, mentoria
assinar, assinaturaFazer parte
comunidade (da Reload)ecossistema
premium, selecionada, filtrada, pagaescolheu estar aqui, comprometida
mindset, desbloquear seu potencialfale do que a pessoa faz de diferente
garantido, promoção, salário, vaga garantidanão prometa emprego, salário nem promoção
últimas vagas, só hoje, corrasem escassez falsa
Pix ParceladoPix à vista
12x de R$ 41,58 sozinhosempre com "total R$ 499,00 · última parcela R$ 41,62"
sem fidelidade (no Anual)só no Mensal
emoji, códigos HTTP (200, 304, 404)símbolos de terminal ✓ ▸ ● →