Capture a ação
Preparar um prato, atender alguém, embalar um pedido ou conferir um reparo. Escolha um momento específico, com gesto claro e propósito visível.
Revisão da seçãoPrecisa de ajustes2 atendidos · 1 a ajustar · 0 a revisar
O que já existe, o que precisa melhorar e o que ainda merece uma avaliação. Cada estado se refere apenas ao critério abaixo; não é aprovação da seção inteira.
- Atende ao critérioA fotografia tem direção visual específica e receitas de tratamento utilizáveis.
Pessoas, contexto, textura, luz, recorte e duotone estão documentados na página, JSON, guia completo e briefing de imagem.
Ver direção de fotografia ↗ - Atende ao critérioOs exemplos identificam sua origem e preservam os arquivos originais.
Uma cena identificada como IA demonstra enquadramento e tratamentos; filtros funcionam no navegador e o PNG original é preservado.
Ver direção de fotografia ↗ - Precisa de ajustesA fotografia documental própria passou por curadoria e revisão.
Adicionar fotos autorizadas de pessoas, ambientes e cases reais. Revisar a direção piloto em campanhas. O exemplo sintético não é evidência documental.
Direção de imagem / Fotografia
O trabalho real tem história.
Fotografia editorial de profissionais em ação: atendendo, preparando, reparando e tomando decisões. Mostre a pessoa, o gesto e o ambiente com energia, proximidade e as cores do próprio negócio.
Profissionais fazendo o trabalho acontecer.
Aproxime-se do trabalho
Use a altura dos olhos, planos médios e closes que conectam pessoas, mãos, ferramentas e clientes. Deixe o local dar contexto; o retrato posado para a câmera não é o padrão.
Preserve as cores do negócio
Mantenha as cores de roupas, alimentos, produtos e interiores. Use luz ambiente verossímil ou flash controlado, com contraste e textura. O cenário não precisa reproduzir a paleta da marca.
Linguagem fotográfica
Use detalhe fotográfico, proporções reais e óptica verossímil. Exclua desenho, pintura, vetor, colagem, render 3D e pele estilizada. Se gerada com IA, mantenha a aparência fotográfica e identifique a origem sintética.
Pessoa. Contexto. Detalhe.
Construa uma sequência: mostre quem faz, onde acontece e o que torna aquele trabalho específico. Os recortes abaixo partem da mesma imagem demonstrativa.
Pessoas em ação
Mostre uma tarefa reconhecível, expressões atentas e relações naturais. Preserve rosto, mãos e ferramentas; a tecnologia participa da cena sem virar espetáculo.
Ambientes que explicam
Inclua o suficiente do local para entender o ofício. Organização não exige apagar sinais de uso. Evite escritórios genéricos que poderiam pertencer a qualquer marca.
Textura que aproxima
Explore papel, madeira, tecido, metal e superfícies reais do negócio. Escolha detalhes que explicam o processo. Um close sem relação com a história vira decoração.
Luz e cor com presença natural.
Luz possível
Use luz ambiente ou flash controlado coerente com o local. Preserve pele e materiais, com contraste claro e informação nas sombras. Evite luzes estouradas e tratamento cinematográfico exagerado.
Pele e materiais fiéis
Ajuste exposição e balanço de branco antes de estilizar. Mantenha o tom de pele e a cor dos produtos. Lima pode aparecer em um detalhe real, sem contaminar toda a cena.
Contraste sem exagero
Conserve textura e pequenas imperfeições. Evite suavização de pele, nitidez com halos e sombras fechadas que escondem a ação.
Consistência na sequência
Combine fotos com luz e temperatura compatíveis. Alterne planos abertos, médios e detalhes. Uma sequência deve parecer parte da mesma história.
O recorte também conta a história.
Compare os formatos antes de escolher uma foto. O rosto, o gesto e a ferramenta precisam continuar legíveis. Ajuste o ponto focal para cada peça; não confie apenas no recorte central automático.
A posição é relativa ao espaço que sobra no recorte: 0% alinha à esquerda, 100% à direita. Em 3:2, a imagem inteira cabe e o controle não altera o resultado.
.sixam-photo-crop {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
object-fit: cover;
object-position: 75% 50%;
}Natural primeiro. Duotone com intenção.
Compare o mesmo enquadramento. O duotone transforma sombras e luzes em duas cores da paleta; não é uma camada verde semitransparente. Use como recurso editorial pontual, sem apagar detalhes.
Padrão para pessoas, produtos, depoimentos e cases. Preserva a informação de cor que ajuda a reconhecer o trabalho.
Copiar receita SVG + HTML
<img src="/assets/design/6am/photography/ceramics-workshop-ai.png" width="1536" height="1024" alt="Cena gerada por IA de uma artesã examinando uma tigela de cerâmica em um ateliê com luz natural." style="display:block;width:100%;height:auto;">
<!-- Cena demonstrativa gerada por IA. Não retrata cliente, equipe ou projeto real da 6am. -->Como preparar um duotone
01 / Escolha a imagem
Use uma imagem nítida com volumes claros. Preserve o original e corrija exposição e balanço de branco antes do tratamento.
02 / Mapeie sombras e luzes
Converta a imagem em tons de cinza e aplique um mapa de gradiente: preto 6am nas sombras e lima nas luzes. Use os HEX da receita, sem substituir por cores aproximadas.
03 / Confira os detalhes
Confira rosto, mãos, ferramentas e textura. Se o tratamento achatar a cena ou eliminar informação importante, volte à cor natural.
04 / Revise na peça
Aplique texto e logo em camadas separadas. Confira o recorte no tamanho final e mantenha o original, a versão tratada e o registro de origem.
A imagem apoia a mensagem.
A fotografia natural conduz este exemplo. O texto ocupa uma faixa sólida separada, longe do rosto e do gesto. O logo usa o arquivo oficial para fundo escuro. No mobile, a composição empilha sem cortar o conteúdo.
Exemplo editorialCada detalhe faz o negócio acontecer.
Cena demonstrativa gerada por IA. Não retrata cliente, equipe ou projeto real da 6am.
Fotografia, gradiente, mensagem.
Uma transição gradual abre espaço para a mensagem e mantém a profissional e seu trabalho à vista. Escolha uma composição clara ou escura para ver o logo correspondente.
Bom trabalho.
Em foco.
Espaço para as pessoas por trás de cada boa ideia.
Da esquerda para a direita · opacidade
0% · 100%36% · 100%65% · 0%
Esta composição fotográfica estende a área opaca até 36% e termina a transição em 65%. É uma receita de layout separada dos tokens básicos de sobreposição.
01Mantenha a mensagem e o logo na área opaca. A transição começa depois da área de leitura, afastada do rosto.
02Leve a sobreposição até a transparência; preserve os tons naturais da pele, as mãos e o objeto em produção. Esta é uma sobreposição localizada, não um tratamento duotone.
03Mantenha as proporções originais do logo e uma margem livre ao redor. Use o arquivo com letras brancas sobre ink e o arquivo com letras escuras sobre branco.
04Em layouts estreitos, coloque a mensagem em uma superfície sólida abaixo da foto. Revise o corte e o contraste ao trocar a imagem.
Abaixo de 640 px de largura disponível, a mensagem passa para baixo da fotografia.
Receita da composição · HTML + CSS
<style>
.sixam-photo-composition { container-type: inline-size; }
.sixam-photo-scene { position: relative; aspect-ratio: 16/10; background: #0A0C00; color: #FFFFFF; overflow: hidden; }
.sixam-photo-composition .sixam-photo-scene > img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 75% 50%; }
.sixam-photo-fade { position: absolute; inset: 0; background: linear-gradient(90deg, #0A0C00 0%, #0A0C00 36%, rgba(10, 12, 0, 0) 65%); }
.sixam-photo-message { position: absolute; left: 6%; width: 28%; top: 10%; bottom: 10%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px; }
.sixam-photo-message h2 { margin: 0; white-space: pre-line; font: 800 clamp(32px, 5cqw, 64px)/1.05 var(--6am-font-display, sans-serif); }
.sixam-photo-message p { margin: 16px 0 0; font: 16px/1.5 sans-serif; }
.sixam-photo-message img { width: 120px; height: auto; }
@container (max-width: 640px) {
.sixam-photo-scene { aspect-ratio: auto; }
.sixam-photo-composition .sixam-photo-scene > img { position: relative; aspect-ratio: 3/2; height: auto; }
.sixam-photo-fade { bottom: auto; width: 100%; aspect-ratio: 3/2; }
.sixam-photo-message { position: relative; inset: auto; width: auto; padding: 32px; }
}
</style>
<figure class="sixam-photo-composition">
<div class="sixam-photo-scene">
<img src="/assets/design/6am/photography/ceramics-workshop-ai.png" alt="Cena gerada por IA de uma artesã examinando uma tigela de cerâmica em um ateliê com luz natural." width="1536" height="1024">
<div class="sixam-photo-fade" aria-hidden="true"></div>
<div class="sixam-photo-message">
<div><h2>Bom trabalho.
Em foco.</h2><p>Espaço para as pessoas por trás de cada boa ideia.</p></div>
<img src="/assets/img/logo/logo-6am-white.svg" width="120" height="24" alt="6am">
</div>
</div>
<figcaption>Cena demonstrativa gerada por IA. Não retrata cliente, equipe ou projeto real da 6am.</figcaption>
</figure>Antes de usar a imagem
Provar o que aconteceu
Cases, equipe, instalações e depoimentos usam registros reais e autorizados. Uma cena gerada não pode ser apresentada como cliente, colaborador ou resultado real.
Explicar uma possibilidade
Imagens geradas por IA podem usar linguagem fotográfica em cenas editoriais fictícias. Identifique a origem sintética quando puderem ser entendidas como registro real. Estilos de ilustração pertencem à seção Illustration.
Editar sem mudar o fato
Ao tratar uma foto documental, preserve pessoas, produtos e contexto. Alterações que mudam a história deixam de ser um registro fiel e precisam de outra classificação.
- A cena comunica a intenção do briefing sem depender de uma legenda explicativa?
- Pessoas, anatomia, ferramentas e procedimentos fazem sentido?
- Luz, pele e materiais parecem coerentes? Há logos ou textos inventados?
- O recorte funciona no celular e preserva o ponto focal? O texto terá contraste?
- A origem está correta e as referências têm permissão para este uso?
- Uma pessoa responsável revisou o arquivo final antes da publicação?
Direção pronta para produção
Leve o guia para uma sessão fotográfica ou para o briefing de IA. O arquivo de demonstração e as receitas podem ser acessados diretamente; os tratamentos não alteram o original.
Direção em piloto. O exemplo sintético demonstra a linguagem; a biblioteca de fotos documentais próprias e a aprovação de tratamentos ainda precisam de curadoria.