Símbolo
O R da marca, da geometria oficial, em pontos densos com halo.
Quando: Capas, anúncios de marca, crachá, cartaz, fim de vídeo.
Regra: Grande e cortado pela borda: pelo menos 60 % do lado menor, com o miolo e a perna visíveis.
02 manual de marca◌ proposta
A marca desenhada em pontos.
A trama é o sistema de arte da Reload: a mesma grade de pontos das faixas do site desenha o R, as pessoas, os números e os eventos de todas as peças, da tela ao papel.
01trama.md◌ proposta
Tudo passa pela mesma trama.
A trama é a grade de pontos das faixas azuis do site e da entrada da plataforma, agora como sistema de arte. Onde não acontece nada, os pontos ficam pequenos e iguais. Onde algo acontece (o R, uma pessoa, um número, um encontro), eles crescem, adensam e formam a imagem.
É a metáfora da marca desenhada: a carreira em cache leva um reload. Por isso a trama aparece em tudo, do post ao crachá, do vídeo à parede do evento, sempre com o mesmo ponto.
o R aparece no campo
02anatomia.svg◌ proposta
Um ponto, cinco tamanhos
A trama tem um passo só: 18 px num canvas de 1080. O que muda é o tamanho e a opacidade de cada ponto. Abaixo, a borda de uma figura ampliada: o campo em repouso, o halo que cresce e a meia grade densa da figura.
- Célula
- 18 px1/60 do lado menor do canvas: 18 px em 1080.
- Repouso
- Ø 2,4 · 22 %o ponto que sempre está lá, na cor da tinta.
- Figura
- Ø 5,2 · 9 pxmeia grade, opaco: onde há imagem, o ponto adensa.
- Halo
- 2 célulasna borda da figura os pontos crescem de 2,6 a 5,2 e de 30 a 70 %.
- Evento
- até Ø 14,4onda, varredura e órbita levantam os pontos da grade.
- Tom
- até Ø 9,4retrato e rampa: o ponto cresce com a luz (ou a sombra).
Valores para um canvas de 1080 px; em outro tamanho, tudo escala junto com a célula.
03figuras.ts◌ proposta
Quatro figuras
A figura é o que a trama desenha. Uma por peça, sempre grande. As quatro saem do mesmo motor, então ponto, halo e densidade são iguais em todas.
Retrato
Foto real e autorizada, em P&B, recortada da pessoa e redesenhada pela trama.
Quando: Mentoria, crachá de mentor, citação, intro de vídeo, YouTube.
Regra: Só gente real com autorização. O fundo da foto vira campo; o rosto fica fora da zona do texto.
Letra de pontos
A matriz 5 × 7 da marca: um ponto grande por pixel.
Quando: Números e códigos curtos: F5, 01, 12x, [00/00], ✓.
Regra: Nunca para frases. Até 4 caracteres por peça; o resto do texto é Jakarta.
Palavra
Uma palavra em Plus Jakarta Sans desenhada pela trama.
Quando: Cartaz, abertura de evento, capa de série.
Regra: Uma palavra só, gigante e cortada. A frase de verdade vai em texto ao lado.
04eventos.ts◌ proposta
Eventos: o campo responde
Um evento é o campo reagindo: uma linha que atualiza, uma onda, uma órbita. Cada um carrega uma ideia da marca. Use um por peça, no nível 3, e só quando a ideia for essa.
Varredura
Cache → reload: acima da linha está atualizado, abaixo ainda está em cache.
Capa de carrossel, antes e depois, transição de vídeo.
Onda
Um toque e o campo responde: uma mentoria começando, um aviso, um lançamento.
Stories, eventos, fundo de anúncio, loop de vídeo.
Encontro
Duas fontes, uma onda: quem já chegou lá encontra quem está a caminho.
Mentoria, recrutadores, anúncio de marca.
Órbita
O ecossistema em volta do R, como a órbita do site.
Benefícios, apresentação da Reload, slide de abertura.
Rampa
A densidade sobe até o próximo nível; o R é o que se abre nela.
Oferta, convite, capa de peça de carreira.
Curadoria
O ruído fica pequeno; poucos pontos escolhidos ganham peso e um anel.
Indicações, conteúdos com curadoria, biblioteca.
Moldura
Os canvas do kit como molduras em pontos em volta do mesmo símbolo.
Peças sobre formatos, kit, bastidores.
05composicao.md◌ proposta
Quatro níveis de arte
Nem toda peça precisa de evento. O nível diz quanta arte a peça carrega; cada modelo do kit declara o seu. Na dúvida, nível 2: uma figura grande e o texto na zona quieta.
Carreira em cache
Sua carreira não precisa de mais conteúdo.
Só superfície e texto. Informação densa: slide de conteúdo, regras, tabelas.
Carreira em cache
Sua carreira não precisa de mais conteúdo.
O campo em repouso e uma marca pequena. Posts rápidos, código, newsletter.
Carreira em cache
Sua carreira não precisa de mais conteúdo.
Uma figura grande, cortada pela borda. O padrão de capas, anúncios, cartazes e crachás.
Carreira em cache
Sua carreira não precisa de mais conteúdo.
A figura e um evento do campo. Lançamento, evento, capa de carrossel, fim de vídeo.
Regras de composição
- Uma figura por peça. Duas figuras disputam o olho; divida em duas peças.
- A figura é grande: 60 % ou mais do lado menor e cortada por uma ou duas bordas.
- O texto mora na zona quieta, sobre o campo em repouso, nunca sobre pontos densos.
- Metadados em DM Mono nas bordas (rótulo, contador, reload.dev, data), como numa ficha técnica.
- Uma tinta por peça: branco no azul, azul no branco, branco no preto. Nunca duas.
- A grade não muda de passo dentro da peça. Para crescer, escale a peça inteira.
06pecas-chave/◌ proposta
Nove peças-chave
As peças-chave são a trama no estado mais puro: sem texto, prontas para fundo de evento, capa, parede, papel de parede. Cada uma diz uma ideia da marca. Baixe no tamanho que precisar.
07no-mundo/◌ proposta
A mesma trama, fora da tela
O ponto foi desenhado para sobreviver a qualquer material: furo, relevo, LED, serigrafia, bordado. Os mockups abaixo são gerados, para orientar produção e evento.
Mockups gerados com a skill imagegen a partir das peças-chave; confirme material e cor com o fornecedor.
Ver as 18 aplicações →08laboratorio.html◌ proposta
Laboratório: faça a sua trama
Escolha a peça-chave, a superfície e o formato, e baixe o PNG no tamanho real. É o mesmo motor do kit: o ponto, o halo e a grade saem certos.
Retratos só de gente real e autorizada: aqui, o time da Reload. Para outra pessoa, peça a foto e a autorização antes, e gere a máscara com apps/site/scripts/portrait-mask.swift.
09nao-faca.md◌ proposta
Não faça
Sua carreira não precisa de mais conteúdo.