Programa principal da Casa Hacker · clubes de tecnologia em escolas. Identidade visual completa: posts, stories, slides, material educacional, aplicações escolares e kit institucional.
flagshipSec Blue signatureeducação básica
identidade · hackerclubes
01 · flagship program
hackerclubestecnologia + educação básicaflagship
142
clubes ativos · 18 cidades brasileiras
4.800+
jovens impactados desde 2020
87%
taxa de continuidade após o 1º ano
tagline + tom de voz
02 · público amplo
Público: jovens, orientadores, comunidades. Tom direto, brasileiro, sem condescendência. Frases-fonte vêm do manifesto oficial · não inventar paráfrases.
// TAGLINE PRINCIPAL · DO MANIFESTO
o futuro não é uma coisa distante
// TAGLINES ALTERNATIVAS · DO MANIFESTO
→ vamos programar outros futuros → a partir de onde tudo já acontece → periferia: lugar de começo → tecnologia como direito
Princípio: tratar tecnologia como direito e linguagem de poder, não como privilégio. Conteúdo deve refletir essa postura.
use
Frases exatas do manifesto · texto canônico
Verbos de ação · "programa", "inventa", "ocupa"
Caixa baixa nas labels · estilo CHDS
Linguagem que vem do território · "quebrada", "rua"
Referenciar autonomia, território, direito
não use
Tom paternalista · "querido jovem"
Infantilização · "pequenos hackers"
Inventar taglines · usar as do manifesto
Promessas individualistas · "vire programador"
Termos elitistas · "engenheiro de software"
uso do logo
03 · clear space + tamanhos
Clear space mínimo: 1× a altura do H ao redor do logo
Tamanho mínimo digital: 12px de altura
Tamanho mínimo impresso: 8mm de altura (uso comum em cartões)
Em fundos escuros, usar versão Code (verde)
Em fundos claros, usar versão Dos (escuro)
Nunca rotacionar, distorcer ou aplicar efeitos no logo
posts instagram · feed 1080×1080
04 · 6 templates
Templates de feed Instagram com proporção quadrada (1080×1080). Cada um tem propósito diferente · use o adequado ao tipo de conteúdo.
anúncio de eventoinscrição aberta · CTA claro
citação de alunodepoimento · destaque humano
carrossel · capa1 de 5 · pergunta abre
carrossel · conteúdobullets + grafismo
curiosidade · dadonúmero grande · contexto
lançamentonovo clube · cor Code
bastidoresfoto + texto · cor Dos
stories · vertical 1080×1920
05 · 3 templates
Stories verticais · pensados pra interação rápida e mobile-first. Use stickers nativos do Instagram (votação, perguntas, countdown) sobre os templates.
save the datetagline gigante
countdownnúmero grande · contagem
quiz interativo3 opções · A/B/C
linkedin · institucional
06 · 1200×627
LinkedIn pede tom mais institucional · números + impacto. Banner usado em página de empresa.
whatsapp stickers
07 · 4 stickers prontos
Pack de 4 stickers exportáveis em 512×512 PNG transparente. Cada um expressa uma reação típica da comunidade do clube.
hackeei!
não rodou
tmj
git push 🚀
slide deck · apresentações 16:9
08 · 6 templates
Templates pra Google Slides / Keynote / PowerPoint · proporção 16:9 (1920×1080). Use pra apresentar o programa a escolas, parceiros, instâncias governamentais.
capa · slide 01grafismo + título
divider · seçãocor Sec Blue
conteúdo + imagem2 colunas · 60/40
gráficométricas + callout
citaçãoaspas grandes
encerramentocontato + obrigado
material educacional
09
Apostilas, certificados e crachás específicos do programa · entregues fisicamente ou em PDF aos alunos e orientadores.
apostila A4 capamódulo 01 · 40 páginas
certificado A4 paisagem60h · 2 assinaturas
crachá do clubeid único · QR opcional
aplicações escolares · merch do clube
10
Identidade visual do clube em produtos do dia-a-dia escolar. Cada clube pode personalizar o nome (ex: "clube alpha", "clube ibirapuera") mantendo a identidade Hackerclubes.
camiseta de uniformeSec Blue · H verde · nome clube
botton 38mmmembro do clube · 2026
caderno A5 alunocapa Sec Blue · espiral Code
adesivo notebook80×30mm · vinil fosco
paleta hackerclubes
11 · auditado
Hackerclubes usa toda a paleta CH com Sec Blue como cor signature de identificação. Combina com Code Green nos destaques de ação.
#B3D9FE
Sec Bluesignature · azul tech educacional
#0F62FE
Blue Activeacento · CTAs
#32FA96
Codedestaque · ações
#3C433C
Dostexto · fundo escuro
#F8FCF8
CSSfundo claro
#FF9ECF
Sec Pinkvariação eventual
#E1FFDE
Sec Green Lightvariação eventual
grafismos signature
12 · 6 favoritos
6 grafismos da biblioteca CH (67 total) selecionados pelo encaixe visual com a identidade Hackerclubes. Use como backgrounds em posts, slides, materiais impressos.
