Manual de branding do Red Hat Developer

Logotipo

Além de usar o logotipo da Red Hat, o Red Hat Developer tem o próprio logotipo de iniciativa opcional que combina texto e o loop infinito multicolorido do DevOps, representando o processo colaborativo dos desenvolvedores. Esse logotipo pode ser usado em diferentes esquemas de cores, dependendo do contexto.

Faça o download do logotipo do Red Hat Developer

Área de respiro

O respiro ao redor do logotipo deve ser do tamanho da letra "o" em "Developer". Mantenha esse espaço livre de outros logotipos, textos ou elementos gráficos que desviam o olhar.

Esquemas de cores

Na maioria das situações, use o logotipo colorido e escolha a versão de maior contraste com o plano de fundo. Limite as versões monocromáticas a aplicações com restrições de produção.

Evite: não adicione sombras, degradês ou outros efeitos ao logotipo.

Evite: não use versões desatualizadas do logotipo. Verifique as cores com atenção.

Evite: não posicione os logotipos do Red Hat Developer e da Red Hat muito próximos.

Evite: não combine os logotipos do Red Hat Developer e da Red Hat.

Evite: não faça co-branding com outros logotipos ou ícones. Siga as diretrizes de co-branding da Red Hat.

Evite: não gere imagens com o logotipo do Red Hat Developer usando IA.

Cores

Os desenvolvedores costumam usar as soluções Red Hat no modo escuro, passando a maior parte do tempo em ferramentas como IDEs e CLIs. Também é notável o uso de esquemas de cores escuras em mídias com as quais os desenvolvedores mais se identificam, como videogames e obras de ficção científica.

Para seguir essa tendência, as composições do Red Hat Developer são em modo escuro, usando principalmente o roxo escuro e o preto com pequenos acentos visuais coloridos. Todas as cores fazem parte da paleta da Red Hat.

Cor do plano de fundo

Um degradê radial que vai do tom purple-80 ao black cria uma profundidade sutil. O preto sólido ou o roxo escuro podem ser usados como opções mais simples, quando necessário.

Acentos visuais

Inclua acentos visuais coloridos usando pequenos elementos, como objetos 3D, ícones e formas básicas. Comece com o vermelho (todas as composições precisam ter o vermelho Red Hat em algum lugar) e adicione outros acentos quando fizer sentido.

Paleta informativa

As cores usadas em um software comunicam informações importantes, como o sucesso ou a falha de uma operação. Use a paleta de informações (e outras cores) conforme nossos sistemas de design para manter a consistência entre o marketing e as interfaces das soluções.

Em aplicações limitadas, como websites ou e-books, há uma alternância entre áreas expressivas no modo escuro e áreas funcionais no modo claro. Nessas situações, o plano de fundo pode ser branco ou cinza. Os outros elementos permanecem inalterados.

Evite: não use cores ou degradês não definidos neste manual. Não crie novos degradês, mesmo usando as cores neste manual.

Evite: não use as cores de outras marcas ou comunidades open source.

Evite: não se esqueça de incluir o vermelho Red Hat.

Tipografia

O branding do Red Hat Developer segue nossas diretrizes de fonte e tipografia, mas dá ênfase especial à fonte Red Hat Mono. Também é usada uma estilização de texto que lembra ambientes e linguagens de programação quando necessário.

Ao escolher a cor do texto, priorize o máximo de contraste em relação ao plano de fundo. Em geral, a melhor opção é usar uma cor sólida. Lembre-se de que o vermelho chama a atenção. Por isso, ele fica reservado a linhas curtas de texto para destacar palavras-chave.

Use a fonte Red Hat Mono em títulos e trechos de código reais. Mas não exagere porque isso pode dar um aspecto visual poluído e dificultar a leitura.

Em outros tipos de texto, use as fontes Red Hat Display e Red Hat Text, como de costume.

Aposte no visual do texto de código, justificando à esquerda e usando alternância de cores entre as palavras, assim como é feita a diferenciação entre tipos de comandos. Simulação da sintaxe de programação com números de linha e caracteres especiais. Pesquise as linguagens de programação relacionadas à mensagem para simular a sintaxe delas corretamente.

Evite: não use a fonte Red Hat Mono no corpo do texto, em rótulos ou em CTAs. Isso prejudica bastante a legibilidade.

Evite: não adicione ao texto elementos que não fazem parte de ambientes de programação reais ou não correspondam à linguagem de programação referenciada.

Evite: não use a fonte Red Hat Mono nos logotipos do Red Hat Developer ou da Red Hat.

Formas básicas

A marca Red Hat Developer usa formas básicas em estilo híbrido como acentos visuais, e não como ponto focal. Use-os para definir o espaço e enquadrar as composições.

Use as formas básicas como linhas de contorno em degradê do vermelho red-30 para o red-50. A espessura exata de cada linha depende do tamanho da composição, mas precisa parecer fina.

Use formas básicas como um elemento de fundo sutil ou padrão em roxo escuro ou preto.

Evite: não faça das formas básicas um elemento proeminente na cena.

Evite: não use outras cores nas linhas de contorno das formas básicas.

Evite: não crie forma básicas com linhas de contorno muito finas ou grossas.

Fotografia em estúdio

Mostrar pessoas de verdade trabalhando com software real ajuda o público a se conectar com a mensagem. Assim como os retratos de estúdio em estilo híbrido, as fotos do Red Hat Developer usam modelos fotografados com poses, iluminação, roupas e adereços estilizados. Essas pessoas estão concentradas no trabalho, com uma luz emanando da tela ou de uma pequena luminária, em contraste com a escuridão do ambiente.

Faça o download das fotos do Red Hat Developer

As fotos estão separadas do plano de fundo para facilitar o uso com outros elementos em colagens. Elas devem ser usadas sempre sobre um plano fundo escuro, com degradês para a cor mais clara irradiar conforme a fonte de luz na foto.

Evite: não edite as fotos do Developer nem altere a iluminação ou a temperatura.

Evite: não edite outras fotos para ficarem com o estilo do Red Hat Developer.

Evite: não use as fotos do Developer sobre fundos claros. Elas são estilizadas para o modo escuro.

Evite: não use retratos de estúdio em estilo híbrido nos materiais do Red Hat Developer.

Evite: não use fotos compradas de bancos de imagens.

Evite: não gere imagens de pessoas reais ou imaginárias usando IA.

Objetos 3D

Além da nossa biblioteca geral de objetos 3D, os materiais do Red Hat Developer usam uma coleção de objetos escuros personalizados que fazem referência à cultura pop, a conceitos técnicos e a equipamentos de hardware relevantes para os desenvolvedores. Eles podem ser usados como o ponto focal da composição ou como elementos complementares no plano de fundo.

Novos objetos são renderizados pela equipe de marca usando um software de renderização 3D e um modelo de IA personalizado do Firefly.

Faça o download dos recursos 3D

Objetos de primeiro plano

Os objetos em primeiro plano têm um brilho roxo projetado de um dos lados e uma luz branca projetada do outro para criar a percepção de espaço. Use-os como ponto focal de uma composição, em tamanho grande e com total nitidez.

Objetos de plano de fundo

Os objetos de plano de fundo são monocromáticos com textura preta fosca e atingidos por uma luz branca difusa. Para simular uma profundidade de campo rasa, reduza a opacidade e adicione um desfoque gaussiano.

Evite: não modifique as cores dos objetos 3D específicos do Red Hat Developer.

Evite: não use os objetos de primeiro plano como objetos de plano de fundo e vice-versa. Preste atenção nas cores.

Evite: não use objetos escuros com a identidade do Developer em colagens gerais em estilo híbrido.

Aplicação do Repo 

O Repo é reservado para uso exclusivo em materiais do Red Hat Developer. Usar o Repo fora do ambiente natural dele diminui o impacto e dilui a credibilidade do personagem como desenvolvedor. E lembre-se de que ele é um guia e amigo, não um robô programado para vender.

Aplique o Repo em peças de alto impacto para chamar a atenção e incentivar os desenvolvedores a saber mais. Evite usar o Repo mais de uma vez no mesmo layout.

Evite: não use Repos demais nem dispostos em um padrão.

Evite: não faça parecer que o Repo está endossando ou vendendo um produto.

Evite: não coloque o Repo em materiais não relacionados ao Red Hat Developer.

Apesar de estarem no modo escuro, as composições ainda precisam ter bastante espaço livre. Use somente os elementos necessários para contar a história, evitando que a imagem fique poluída. Deixe bastante espaço livre para a inclusão de textos e logotipos, preservando a legibilidade, e evite que fiquem sobrepostos por outros elementos, como fotos ou objetos 3D.

Redimensione e gire elementos, e aplique efeitos simples para dar profundidade e leveza. Alinhe todos os elementos da cena para a iluminação parecer real.

Como usar efeitos para criar profundidade

Para criar profundidade, use efeitos e camadas, imitando como uma câmera captura uma cena. Reduza o tamanho e a opacidade dos objetos para os empurrar para o plano de fundo, além de adicionar um leve desfoque gaussiano, mas sem que deixem de ser identificáveis. As especificações exatas serão diferentes dependendo da composição. Portanto, faça ajustes até todos os detalhes parecerem adequados.

O que evitar ao criar uma cena

Evite: não use elementos em excesso, criando uma imagem poluída. Mantenha a simplicidade e inclua somente os elementos necessários para contar a história.

Evite: não transforme elementos sem a identidade do Developer em ponto focal principal. O ponto focal deve ser o Repo, uma foto ou um objeto 3D específico do Developer.

Evite: não desfoque ou esconda os ícones das tecnologias ou outros elementos que precisam estar totalmente visíveis para serem reconhecidos.