# Design para o Mês do Orgulho: apoio além do logo arco-íris

[Canonical HTML page](https://gradiently.design/pt-br/guide/pride-month-design)

Todo junho, os logos ficam coloridos e voltam ao normal em 1º de julho. As pessoas percebem. Veja como criar para o Orgulho com cuidado: as bandeiras e o que representam, cores corretas e posts sustentados por algo real.

## The short version

- Um bom design para o Mês do Orgulho é sustentado por ações reais, como doações, eventos, políticas inclusivas ou trabalho com criadores LGBTQIA+, e diz isso de forma específica.
- O Mês do Orgulho é celebrado em junho em muitos países, marcando o aniversário da revolta de Stonewall, em Nova York, em junho de 1969.
- A bandeira do arco-íris foi criada por Gilbert Baker em 1978, e sua versão comum de seis listras é vermelha, laranja, amarela, verde, azul e violeta.
- A Progress Pride Flag, criada por Daniel Quasar em 2018, acrescenta um chevron de preto, marrom, azul-claro, rosa e branco.
- Fundos arco-íris dificultam a leitura de texto, então mantenha as palavras em uma área calma e use o arco-íris como faixa, borda ou detalhe.

O melhor **design para o Mês do Orgulho** é honesto. Um arco-íris sozinho diz que você notou que era junho; um arco-íris ao lado de algo que você realmente fez (uma doação, uma parceria, um evento, uma política, uma encomenda a um artista queer) diz que você fala sério. Acerte as bandeiras e as cores, mantenha o texto legível sobre listras vivas e diga às pessoas, de forma específica, como é o seu apoio. É essa a diferença entre um post que as pessoas compartilham e um que elas capturam por motivos errados.

## Uma breve história das bandeiras do Orgulho

O Mês do Orgulho acontece em junho em muitos países, marcando a revolta de Stonewall, em Nova York, em junho de 1969. Alguns lugares realizam o Orgulho em outras épocas do ano, então eventos locais podem cair fora de junho. As bandeiras carregam boa parte do significado, e acertá-las é o primeiro sinal de cuidado.

| Bandeira | Criada por | Cores |
| --- | --- | --- |
| Bandeira arco-íris (original) | Gilbert Baker, 1978 | Oito listras, incluindo rosa-choque e turquesa |
| Bandeira arco-íris (seis listras) | Adaptada em 1979 | Vermelho, laranja, amarelo, verde, azul, violeta |
| Bandeira transgênero | Monica Helms, 1999 | Azul-claro, rosa, branco |
| Bandeira bissexual | Michael Page, 1998 | Magenta, lavanda, azul-royal |
| Progress Pride Flag | Daniel Quasar, 2018 | Seis listras mais um chevron de preto, marrom, azul-claro, rosa e branco |
| Bandeira Progress inclusiva de pessoas intersexo | Valentino Vecchietti, 2021 | Acrescenta um triângulo amarelo com um círculo roxo |

Existem muitas outras bandeiras, incluindo as lésbica, pansexual, não binária e assexual. Se você for usar uma, confira antes as cores e o significado atuais.

## Cores das bandeiras do Orgulho e códigos hex

As cores das bandeiras variam um pouco entre as fontes, mas estes códigos são amplamente usados em telas. Use-os exatamente ao desenhar uma bandeira; ao criar um clima em vez de uma bandeira, você tem mais liberdade.

- Vermelho: #e40303
- Laranja: #ff8c00
- Amarelo: #ffed00
- Verde: #008026
- Azul: #004dff
- Violeta: #750787

A bandeira arco-íris de seis listras, como costuma ser especificada para telas.

- Azul-claro trans: #5bcefa
- Rosa trans: #f5a9b8
- Branco: #ffffff
- Marrom Progress: #613915
- Preto Progress: #000000
- Magenta bi: #d60270
- Lavanda bi: #9b4f96
- Azul-royal bi: #0038a8

As cores extras do chevron da Progress Pride Flag, mais a bandeira bissexual.

## Gradientes arco-íris para posts do Orgulho

Um gradiente deixa as cores fluírem entre si em vez de ficarem em listras duras, o que parece mais suave e moderno. Paradas duras mantêm a bandeira legível como bandeira. Os dois têm o seu lugar.

- Mistura arco-íris: `linear-gradient(90deg, #e40303 0%, #ff8c00 20%, #ffed00 40%, #008026 60%, #004dff 80%, #750787 100%)`
- Bandeira de seis listras: `linear-gradient(180deg, #e40303 0% 16.66%, #ff8c00 16.66% 33.33%, #ffed00 33.33% 50%, #008026 50% 66.66%, #004dff 66.66% 83.33%, #750787 83.33% 100%)`
- Bandeira transgênero: `linear-gradient(180deg, #5bcefa 0% 20%, #f5a9b8 20% 40%, #ffffff 40% 60%, #f5a9b8 60% 80%, #5bcefa 80% 100%)`
- Arco-íris ao anoitecer: `linear-gradient(135deg, #2a0f3d 0%, #750787 35%, #d60270 60%, #ff8c00 85%, #ffed00 100%)`

Mistura arco-íris e Arco-íris ao anoitecer são climas; as duas versões listradas são bandeiras e devem manter as proporções exatas.

Repare que o Arco-íris ao anoitecer parte de um fundo profundo. Um arco-íris completo atrás do texto é uma das superfícies mais difíceis de ler, porque a luminosidade salta do violeta escuro ao amarelo vivo em uma única linha. A solução é dar às palavras uma área calma: uma ponta escura do gradiente, uma faixa de arco-íris na borda ou um painel liso da cor da sua marca ao lado. [Gradiente arco-íris](https://gradiently.design/pt-br/guide/rainbow-gradient) e [texto sobre gradiente](https://gradiently.design/pt-br/guide/text-on-gradient) aprofundam o assunto.

Um post do Orgulho em que o título cruza as cores vivas do gradiente e partes dele ficam difíceis de ler

Palavras cruzando direto as cores mais vivas: partes da linha desaparecem.

O mesmo post do Orgulho com uma área mais calma atrás do título, para cada letra ser lida com clareza

O mesmo post, com o fundo abrindo espaço para as palavras.

## Como mostrar apoio além de um logo arco-íris

Trocar o logo por um arco-íris é o gesto mais conhecido do Orgulho e o mais fácil de duvidar, porque não custa nada. Se você fizer isso, combine com algo real e diga o que é. Se ainda não fez nada, faça isso primeiro e publique depois.

### Rainbow washing

- Um logo arco-íris em junho e mais nada
- Produtos do Orgulho sem dinheiro indo para lugar nenhum
- Avatares arco-íris só nos mercados em que é fácil
- Palavras vagas como "celebramos o amor"
- Silêncio nos outros onze meses

### Apoio de verdade

- Uma instituição citada pelo nome e o que você doou, ou uma parte das vendas declarada com clareza
- Uma encomenda ou colaboração com um artista LGBTQIA+, paga como deve ser
- Eventos, patrocínios ou espaço oferecido a grupos locais
- Políticas inclusivas para a equipe, ditas de forma específica
- Presença além de junho

## Ideias de posts para o Mês do Orgulho

- **O post de doação:** "Neste junho, cada pedido apoia o nosso centro local de jovens LGBTQIA+", citando a instituição, informando o valor ou a parte e publicando uma atualização no fim do mês. [Artes de redes sociais para organizações sem fins lucrativos](https://gradiently.design/pt-br/guide/nonprofit-social-media) mostra como as instituições apresentam esse tipo de parceria.
- **A colaboração com um artista:** apresente o artista, dê o crédito de forma clara e inclua o link do trabalho dele.
- **O post da equipe:** se colegas quiserem compartilhar o que o Orgulho significa para eles, deixe, com as palavras deles.
- **O post de evento:** a noite de Orgulho do seu local, um carro alegórico de que você vai participar ou uma parada local, com data e lugar. [Artes de marketing para eventos](https://gradiently.design/pt-br/guide/event-organizer-marketing) cobre os formatos.
- **O post discreto:** uma única frase sobre o fundo da sua própria marca. Nem todo negócio precisa de uma campanha.

Um story vertical do Mês do Orgulho anunciando que cada pedido em junho apoia uma instituição local de jovens

Um story de doação em 1080×1920. Cite a instituição na legenda e preste contas no fim do mês.

Mantenha sua marca reconhecível: sua fonte, sua voz, seu layout, com as cores do Orgulho somadas em vez de substituírem tudo. No Gradiently você pode manter seu Mark de sempre e trazer as cores do Orgulho como detalhes no Studio, como uma faixa listrada ou texto colorido, enquanto o Mark sabe onde o texto está e acalma a área atrás dele. Mais sobre escolher cores que duram em [psicologia das cores](https://gradiently.design/pt-br/guide/color-psychology).

## FAQ

### Quando é o Mês do Orgulho?

Junho em muitos países, marcando o aniversário da revolta de Stonewall, em Nova York, em junho de 1969. Algumas cidades realizam eventos do Orgulho em outras épocas do ano.

### Quais são os códigos hex da bandeira do Orgulho?

Um conjunto amplamente usado para a bandeira arco-íris de seis listras é #e40303, #ff8c00, #ffed00, #008026, #004dff e #750787.

### O que é a Progress Pride Flag?

Uma versão da bandeira arco-íris criada por Daniel Quasar em 2018 que acrescenta um chevron de preto, marrom, azul-claro, rosa e branco para representar pessoas não brancas e pessoas trans.

### Como uma empresa pode apoiar o Orgulho sem rainbow washing?

Faça algo real primeiro, como doar, pagar criadores LGBTQIA+ ou apoiar eventos locais, depois publique sobre isso de forma específica e continue presente depois de junho.

### Como coloco texto sobre um fundo arco-íris?

Mantenha o texto em uma área calma ou escura do design ou use o arco-íris como faixa ou borda, porque a luminosidade muda demais em um arco-íris completo para qualquer cor de texto única.