05 manual de marca◌ proposta

Fotografia: gente de verdade

Retratos reais, em preto e branco, de gente que já chegou lá e de quem está a caminho. Esta página define como fotografar, tratar, enquadrar e pedir autorização.

01direcao.md◌ proposta

Gente de verdade, em preto e branco

A fotografia da Reload segue a promessa da marca: experiência real, com curadoria. Estes cinco princípios valem para qualquer foto, de qualquer canal. A regra existente (retratos reais em P&B, cards de raio grande, placas inclinadas) continua; aqui ela ganha luz, enquadramento e limites.

Gente de verdade

Membros, mentores e time, com autorização. Nada de modelo posando de dev, nada de banco de imagem.

Preto e branco

Um tratamento só para todas as fotos. Cor some, o rosto e o gesto ficam. É o que costura retrato, evento e mesa.

Documental, não posado

A conversa acontecendo, o gesto no meio, o olhar fora da câmera. Retrato olhando para a lente vale quando a pessoa é o assunto.

Rosto antes de estrutura

A pessoa aparece primeiro; a mesa, o laptop e o prédio chegam depois. Se a foto funciona sem o fundo, é a foto certa.

Luz que parece dia

Janela, corredor, sala de evento. Luz que existe no lugar. Sem fundo infinito, sem flash de estúdio, sem brilho de cinema.

por quê

A Reload vende o encontro com quem já chegou lá. A foto é a prova mais curta disso: um rosto reconhecível numa situação real. Banco de imagem diz "comunidade" para qualquer marca; uma conversa de verdade só diz Reload.

02tipos.md◌ proposta

Quatro tipos de foto

Retrato, mentoria, evento e detalhe cobrem tudo o que a Reload precisa mostrar. Cada tipo tem um papel; misture na mesma peça só com uma foto de gente na frente. As imagens abaixo são geradas e servem só como referência de direção.

Retrato em preto e branco de uma mulher de cabelo cacheado, luz suave de janela — imagem gerada · referência de direção, não usar em peças

01 · retrato

Retrato

quando usar: Mentor, membro ou time apresentado pelo nome: perfis, cards de mentoria, "Quem está por trás", capas de evento.
lente e enquadramento: Teleobjetiva curta (85 a 105 mm equivalente), do peito para cima, olhos no terço superior. Quadrado ou 4:5.
luz: Janela lateral e suave como padrão. Luz dura com sombra funciona para capas de impacto, com o rosto ainda legível.
expressão: Calma e direta. Sorriso pequeno ou nenhum. Olho na lente para perfil, fora dela para capa.
evitar: Sorriso de catálogo, braços cruzados, fundo de estúdio infinito, filtro de beleza, cabeça cortada na testa.

Cinco pessoas em volta de uma mesa com laptops, um homem de óculos gesticula enquanto fala — imagem gerada · referência de direção, não usar em peças

02 · mentoria

Mentoria

quando usar: O encontro em si: mentoria, grupo de estudo, conversa. É a foto que mais vende a Reload.
lente e enquadramento: Lente normal a curta (35 a 50 mm), na altura dos olhos, um pouco de fora da roda. Quem fala fica no terço do quadro.
luz: Luz de janela da própria sala. Sem iluminar o grupo com flash.
expressão: Quem escuta importa tanto quanto quem fala. Mão no gesto, olhar para a pessoa, não para a câmera.
evitar: Todo mundo olhando para a lente, high five, laptop aberto virado para a câmera, tela legível com dado real.

Sala de evento com plateia de costas e uma pessoa palestrando diante de uma tela clara — imagem gerada · referência de direção, não usar em peças

Duas pessoas conversando em pé num corredor movimentado, com crachá no pescoço — imagem gerada · referência de direção, não usar em peças

03 · evento

Evento

quando usar: Eventos exclusivos e open spaces: capas, recap, posts de "foi assim", páginas de evento.
lente e enquadramento: Grande angular para a sala (24 a 35 mm), teleobjetiva para as pessoas no corredor (70 a 135 mm), com fundo desfocado pela distância.
luz: A luz da sala, sem flash. Tela e janelas podem estourar; o rosto não.
expressão: Atenção na plateia, conversa no corredor. Gente de costas é bem-vinda; rosto de quem não autorizou não.
evitar: Plateia posando, selfie de palco, logo de patrocinador legível, crachá com nome e sobrenome visíveis sem autorização.

Mesa vista de cima: mãos no teclado, caderno com diagrama, café e laptop, sombras de folhas — imagem gerada · referência de direção, não usar em peças

04 · detalhe

Detalhe

quando usar: Respiro entre fotos de gente: mãos no teclado, caderno, café. Nunca no lugar do rosto na abertura de uma peça.
lente e enquadramento: De cima (plano zenital) ou 50 mm perto da mesa. Um objeto de foco, o resto cai para o fundo.
luz: Luz lateral que faz sombra longa. Dá textura sem precisar de efeito.
expressão: Mãos em ação, sem posar. O assunto é o trabalho, não o equipamento.
evitar: Código legível de projeto real, marca de laptop em destaque, mesa arrumada demais, emoji e pelúcia de escritório.

03tratamento.md◌ proposta

O mesmo tratamento em toda foto

Um tratamento só garante que retrato, evento e mesa pareçam da mesma família. A receita abaixo funciona em Lightroom, Photoshop ou direto em CSS, e os valores são ponto de partida: confira no olho, na foto do membro, antes de aprovar.

receita

Conversão: Monocromático neutro (R = G = B). Sem tinta sépia, azul ou duotone; o azul da marca vive nas placas e na trama, nunca num filtro sobre a foto.
Tons: Preto profundo sem esmagar a sombra, branco sem estourar o rosto. Contraste moderado: um pouco acima do original, nunca dramático.
Grão: Fino e uniforme, só o suficiente para unir a imagem. Some em tamanho pequeno; no máximo visível a 100%.
Vinheta: Sem vinheta aplicada em pós. A sombra vem da luz da cena. Se precisar, no máximo −10 (Lightroom), sem escurecer o rosto.
Nitidez: Olhos nítidos, resto natural. Sem clareza alta e sem efeito HDR.
Brilho e glow: Nenhum. Sem halo, sem desfoque artístico por cima, sem brilho nas altas luzes.

lightroom · ponto de partida

Perfil: Adobe Monochrome, ou Saturation −100 com Vibrance 0
Contraste: +8 a +15
Altas luzes / sombras: −20 / +10
Pretos: −5 a −15
Grão: Amount 15 a 25, Size 25, Roughness 50
Vinheta pós-corte: 0 (máximo −10)
Tinta: Nenhuma; confira que R = G = B nas sombras e nas altas luzes

photo.css · web

.photo {
  filter: grayscale(1) contrast(1.1);
  border-radius: var(--radius-card); /* 20px */
  object-fit: cover;
}

Cortes e raio

Quatro proporções cobrem todos os canais. Foto sempre em card com raio de card (rounded-card, 20 px); sobre uma placa, o raio da placa acompanha. O corte guarda o rosto no terço superior, com ar acima da cabeça.

Retrato gerado usado para mostrar o corte

1:1 · Avatar, card de mentor, post quadrado

4:5 · Feed Instagram e LinkedIn, retrato em cartaz

3:2 · Artigo, newsletter, mentoria e evento

16:9 · Capa de vídeo, slide, OG, banner

imagem gerada · referência de direção, não usar em peças

retoque · pode

Remover poeira, fio solto e espinha do dia
Equilibrar exposição e contraste
Cortar para o enquadramento da peça

retoque · não pode

Alisar pele, apagar poros, rugas ou cicatrizes
Mudar forma de rosto, corpo ou cabelo (liquify)
Trocar fundo, adicionar ou remover pessoas
Rejuvenescer, clarear pele, "melhorar" a pessoa

04retrato-trama.ts◌ proposta

Gente de verdade, na trama

O retrato em preto e branco continua sendo a foto da Reload. Na peça de arte (capa, crachá, YouTube, cartaz), ele pode ser redesenhado pela trama: o mesmo rosto, feito dos pontos da marca. A pessoa continua no centro, e a peça fala a língua do sistema.

Foto de Rodrigo Branas em preto e branco — Rodrigo BranasCTO na Gennera · fundador da branas.io · trama azul no branco

Foto de Pedro Nauck em preto e branco — Pedro Nauckcriador do Compozy e do Docz · trama branco no azul

Foto de Diogo Moretti em preto e branco — Diogo Morettidev há mais de 20 anos · DevRel · trama branco no preto

Regras do retrato na trama

Só com foto real e autorização por escrito, a mesma de Consentimento.
A pessoa é recortada por máscara gerada no computador (apps/site/scripts/portrait-mask.swift, Apple Vision). Nada de IA generativa no rosto.
O fundo da foto vira campo em repouso; a pessoa é a figura da peça (nível 2).
Tinta clara desenha a luz (branco no azul ou no preto); tinta escura desenha a sombra (azul no branco).
Rosto com pelo menos 48 pontos de largura: cerca de 430 px num canvas de 1080.
Um retrato por peça, fora da zona do texto e cortado pela borda de baixo.

05foto-na-peca.md◌ proposta

A foto dentro da peça

A foto nunca fica solta: ela pousa numa placa inclinada, ganha o símbolo como selo e vem acompanhada de nome, cargo e uma faixa mono com a data. Os exemplos abaixo são marcação real sobre um retrato gerado; os nomes são campos entre colchetes.

Retrato gerado de uma mulher de cabelo cacheado em luz de janela

[Nome do mentor]

[Cargo] · [Empresa]

[00/00] · [00h00]mentoria

[Nome do mentor]

[Cargo] · [Empresa]

[00/00] · [00h00]mentoria

imagem gerada · referência de direção, não usar em peças. Em peça real entra a foto autorizada do mentor.

regras

Placa: cor sólida (azul ou preto, alternando), inclinada de 4° a 6°, com o mesmo raio de card. Sem sombra e sem gradiente.
Selo: símbolo branco num quadrado azul de raio 12 px, pousado no canto inferior direito da foto, a uma margem de 12 px. Um selo por foto.
Nome: Plus Jakarta Sans 400, tracking −3%. Em pt-BR, nome completo só com autorização.
Cargo e empresa: Cinza 500, 14 px. Sem empresa confirmada, campo entre colchetes.
Faixa mono: DM Mono 13 px com data, horário e tipo (mentoria, evento). Só informação real.
Sem texto sobre a foto. O texto vive no painel ao lado ou abaixo, nunca por cima do rosto.

06evitar.md◌ proposta

O que a Reload não é

Banco de imagem é o contraexemplo: posado, colorido e genérico. Abaixo, a mesma foto com tratamentos errados, simulados por filtro. Cada um perde o que a marca quer da fotografia: um rosto real que se lê de relance.

Contraexemplo gerado: equipe sorridente colorida batendo as mãos sobre uma mesa — ✕ imagem gerada · referência de direção, não usar em peças

✕ por que não

Posado. Todo mundo olha para a lente e comemora no mesmo segundo. Ninguém na comunidade faz isso numa terça.
Colorido. Azul e laranja saturados, luz de cinema, céu de cartão-postal.
Genérico. Poderia ser anúncio de banco, de plano de saúde ou de qualquer curso. Não tem a ver com dev nem com a Reload.
Promete o que a marca não vende. Sucesso, euforia, "time perfeito". A Reload fala de experiência real, sem promessa de resultado.

Tratamentos errados

Simulação de tratamento errado: colorida e saturada

✕ Colorida e saturada. Cor competindo com o azul da marca. A marca é azul, preto e branco, e o azul vive nas placas.

✕ Sépia. Aparência retrô e nostálgica. A Reload é agora; o P&B é neutro, sem tinta.

Simulação de tratamento errado: tinta azul

✕ Tinta azul. Duotone azul parece filtro de template. A pessoa só fica azul pela trama, redesenhada em pontos; nunca por filtro de cor.

✕ Lavada. Sem preto, sem corpo. Foto cinza e chapada perde presença ao lado do preto da marca.

Simulação de tratamento errado: contraste estourado

✕ Contraste estourado. Rosto vira recorte. O tratamento ajuda a ler a pessoa; ele não esconde a pessoa.

Simulação com filtro CSS sobre imagem gerada · referência de direção, não usar em peças.

07consentimento.md◌ proposta

Antes de publicar qualquer pessoa

Foto é dado pessoal. A Reload só publica quem autorizou, e trata a autorização como parte da peça, não como burocracia. Esta lista é direção interna, não substitui orientação jurídica: conferir com a LGPD e com o termo de uso de imagem vigente.

checklist de autorização

Autorização de uso de imagem assinada ou registrada por escrito (e-mail vale como registro), com o que será publicado e onde.
A pessoa viu a foto escolhida. Sem aprovação, não sai.
Menor de 18 anos: só com autorização do responsável, e sempre pergunte antes se vale mesmo.
Evento: aviso de que há fotografia na entrada e no credenciamento; quem pedir para não aparecer sai do enquadramento ou da edição.
Pessoa de costas ou desfocada não vira "autorizada": se dá para reconhecer, precisa de consentimento.
Nome, cargo e empresa só entram na legenda com permissão. Sem ela, campo entre colchetes: [Nome do mentor], [Empresa].
Crachá, tela de laptop e documento: confira se mostram dado pessoal ou de projeto real e cubra ou recorte.
Revogação: quem pedir para tirar a foto é atendido no próximo ciclo de publicação, e a peça sai do ar nos canais da Reload.

texto alternativo (alt)

Descreva a cena em uma frase curta, como falaria para um colega: quem faz o quê, onde.
Nome da pessoa só quando está na legenda ou o contexto já o dá. Sem autorização, descreva sem nomear.
Sem "foto de", "imagem de" e sem texto repetido da legenda. Foto decorativa leva alt vazio (alt="").
Sem adjetivo de venda. Descreva o que se vê, sem interpretar.

✓ Mentor de óculos gesticula numa mesa com quatro pessoas e laptops, em uma sala com janelas.

✕ Foto incrível de uma mentoria super produtiva e inspiradora.

créditos e imagem gerada

Fotógrafo ou fotógrafa creditado quando o contrato pedir, no formato "Foto: [Nome]", em DM Mono pequeno, perto da imagem.
Foto de membro, mentor ou time cedida com autorização: credite quem fotografou, não "Reload".
Imagem gerada por IA nunca vira foto de membro, mentor, evento ou depoimento. Serve só como referência de direção, com a legenda "imagem gerada · referência de direção, não usar em peças".

Imagem gerada nunca é apresentada como membro ou mentor.