search

Found

info Visão geral

Crie um header capsule do Steam com título, slogan e etiqueta de gênero mais 3 fundos (solid, gradient, vignette) — PNG 920x430, seletores de cor e texto.

📘 Como usar

  1. Digite o título do jogo, o slogan e a etiqueta de gênero
  2. Escolha um estilo de fundo (solid / gradient / vignette) e ajuste as duas cores de fundo e a cor do texto
  3. Confira a pré-visualização para validar o espaçamento e a legibilidade
  4. Clique no botão Baixar

Criador de Cápsula da Steam

Article

Gerador de imagem capsule da Steam | Header 920x430 como placeholder

Cria uma imagem header capsule para a Steam (920x430, a especificação nova) no formato título + slogan + etiqueta de gênero, usando a paleta dark navy + cyan típica da loja Steam. Pensado como placeholder enquanto a arte definitiva ainda está em produção.

💡 Sobre esta ferramenta

Na hora de submeter uma página de loja da Steam para revisão, a arte capsule definitiva costuma estar ainda em encomenda, em iteração, ou parada na fila de uma ilustradora. Mesmo assim, a página, o press kit e as capturas que você envia para a comunidade precisam de alguma coisa no topo desde os primeiros rascunhos.

A ferramenta é propositalmente enxuta: um título centralizado, um slogan logo abaixo, uma etiqueta de gênero em uma chip com fonte Space Mono no rodapé, e três modos de fundo (solid, gradient, vignette). Não dá para colocar arte conceitual nem importar um logo em camadas. Em troca, você obtém um header com cara de Steam em menos de um minuto.

A saída é sempre PNG de 920x430. A Valve elevou a especificação do header capsule em agosto de 2024 (antes era 460x215), e a ferramenta já mira o tamanho novo, evitando re-exportação na véspera do envio.

🧐 Perguntas frequentes

Por que o arquivo baixado tem exatamente 920x430? Essa é a especificação atual do header capsule da Steam, ampliada a partir de 460x215 em agosto de 2024. A Valve começou a aposentar os tamanhos antigos em 1 de novembro de 2024, então qualquer página de loja nova deve ser entregue na resolução nova.

A pré-visualização parece pequena (460x215). O PNG final fica em baixa resolução? Não. A área de pré-visualização é reduzida via CSS para 460x215 para reproduzir como o capsule aparece na grade da Steam, mas o canvas por trás trabalha em 920x430 e o PNG baixado é esse arquivo em resolução cheia, sem recompressão.

O que colocar na etiqueta de gênero? Uma ou duas palavras: "Roguelike", "Indie - Adventure", "Puzzle Platformer". A própria documentação da Valve desaconselha texto de marketing extra em capsules base, então a chip serve principalmente na fase de placeholder e press kit, e não como elemento permanente da arte final.

Quando usar solid, gradient ou vignette? Solid maximiza o contraste do texto e é a aposta mais segura para uma primeira passada. Gradient acrescenta clima sem disputar atenção com o título. Vignette puxa o olhar para o centro e funciona bem em jogos narrativos ou atmosféricos. Testar os três ajuda a montar o briefing para a arte definitiva.

Posso importar um PNG do logo? Não. A ferramenta é só texto, de propósito. Quando você tiver o logo real, vale migrar para um editor com camadas (Photoshop, Affinity, Figma) para finalizar o capsule. Este builder cobre a etapa anterior.

📚 Por que o header capsule pesa em lançamentos indie

A Steam reutiliza o header capsule no carrossel da home, na seção "Recomendado para você", na grade da biblioteca, nas telas de exploração do Big Picture e na Oferta do Dia. Uma única imagem precisa sobreviver a uma redução agressiva. A documentação da Valve diz que o logo do jogo deve continuar legível em 120x45 pixels, cerca de um oitavo da área do header. Essa restrição é o motivo de a ferramenta ajustar automaticamente o título a aproximadamente 85 por cento da largura do canvas: qualquer coisa mais estreita começa a sumir na grade.

Designers experientes de capsule alertam o tempo todo contra o "collage indie": cinco personagens, um veículo, um dragão e o logo amontoados. No tamanho de miniatura, esse collage vira ruído visual, enquanto um único ponto focal com alto contraste se lê com clareza. Mesmo na fase de placeholder, vale testar se o título provisório aguenta uma redução pela metade antes de fechar o briefing com a ilustradora, e a abordagem de texto sobre cor chapada deste builder torna esse teste de legibilidade trivial.

Trate o PNG exportado como substituto: troque pela arte definitiva antes do lançamento, mas use o placeholder para fixar a hierarquia tipográfica do título, o enquadramento de gênero e a paleta enquanto o restante da página é montado.