# Design para o Mês do Orgulho: apoio para lá do logótipo arco-íris

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

Todos os junhos, os logótipos ficam arco-íris e voltam ao normal a 1 de julho. As pessoas reparam. Eis como desenhar para o Orgulho com cuidado: as bandeiras e o que representam, cores certas e publicações apoiadas por algo real.

## The short version

- Um bom design para o Mês do Orgulho é apoiado por ação real, como donativos, eventos, políticas inclusivas ou trabalho com criadores LGBTQ+, e di-lo de forma concreta.
- O Mês do Orgulho celebra-se em junho em muitos países, assinalando o aniversário da revolta de Stonewall, em Nova Iorque, em junho de 1969.
- A bandeira arco-íris foi desenhada por Gilbert Baker em 1978, e a versão comum de seis riscas é vermelho, laranja, amarelo, verde, azul e violeta.
- A Progress Pride Flag, desenhada por Daniel Quasar em 2018, acrescenta um chevron de preto, castanho, azul-claro, rosa e branco.
- É difícil ler texto sobre fundos arco-íris, por isso mantém as palavras numa zona calma e usa o arco-íris como faixa, margem ou destaque.

O melhor **design para o Mês do Orgulho** é honesto. Um arco-íris sozinho diz que reparaste que era junho; um arco-íris ao lado de algo que realmente fizeste (um donativo, uma parceria, um evento, uma política, uma encomenda a um artista queer) diz que falas a sério. Acerta nas bandeiras e nas cores, mantém as palavras legíveis sobre riscas vivas e diz às pessoas, em concreto, como é o teu apoio. É essa a diferença entre uma publicação que as pessoas partilham e uma de que tiram capturas de ecrã pelos motivos errados.

## Uma breve história das bandeiras do Orgulho

O Mês do Orgulho realiza-se em junho em muitos países, assinalando a revolta de Stonewall, em Nova Iorque, em junho de 1969. Alguns sítios fazem o Orgulho noutras alturas do ano, por isso os eventos locais podem cair fora de junho. As bandeiras carregam grande parte do significado, e acertar nelas é o primeiro sinal de cuidado.

| Bandeira | Desenhada por | Cores |
| --- | --- | --- |
| Bandeira arco-íris (original) | Gilbert Baker, 1978 | Oito riscas, incluindo rosa-choque e turquesa |
| Bandeira arco-íris (seis riscas) | 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-real |
| Progress Pride Flag | Daniel Quasar, 2018 | Seis riscas mais um chevron de preto, castanho, azul-claro, rosa e branco |
| Bandeira Progress inclusiva de intersexo | Valentino Vecchietti, 2021 | Acrescenta um triângulo amarelo com um círculo roxo |

Há muitas mais bandeiras, incluindo as lésbica, pansexual, não binária e assexual. Se mostrares uma, confirma primeiro as suas cores e o seu significado atuais.

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

As cores das bandeiras variam ligeiramente entre fontes, mas estes códigos são muito usados para trabalho em ecrã. Usa-os exatamente quando desenhas uma bandeira; quando desenhas um ambiente e não uma bandeira, tens mais liberdade.

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

A bandeira arco-íris de seis riscas, tal como é habitualmente especificada para ecrãs.

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

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

## Gradientes arco-íris para publicações do Orgulho

Um gradiente deixa as cores fluir umas para as outras em vez de ficarem em riscas duras, o que parece mais suave e moderno. As paragens duras mantêm a bandeira legível como bandeira. Ambos 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 riscas: `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%)`

A mistura arco-íris e o arco-íris ao anoitecer são ambientes; as duas versões com riscas são bandeiras e devem manter as proporções exatas.

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

Uma publicação do Orgulho em que o título atravessa cores vivas do gradiente e partes dele são difíceis de ler

Palavras a atravessar as cores mais vivas: partes da linha desaparecem.

A mesma publicação do Orgulho com uma zona mais calma atrás do título para cada letra se ler com clareza

A mesma publicação com o fundo a abrir espaço às palavras.

## Como mostrar apoio para lá de um logótipo arco-íris

Mudar o logótipo para arco-íris é o gesto de Orgulho mais conhecido e o mais fácil de pôr em dúvida, porque não custa nada. Se o fizeres, junta-lhe algo real e diz o que é. Se ainda não fizeste nada, faz primeiro e publica depois.

### Rainbow washing

- Um logótipo arco-íris em junho, nada mais
- Merchandising do Orgulho sem dinheiro a ir para lado nenhum
- Avatares arco-íris só nos mercados onde é fácil
- Palavras vagas como “celebramos o amor”
- Silêncio nos outros onze meses

### Apoio real

- Uma instituição nomeada e o que deste, ou uma parte das vendas indicada com clareza
- Uma encomenda ou colaboração com um artista LGBTQ+, paga como deve ser
- Eventos, patrocínios ou espaço cedido a grupos locais
- Políticas inclusivas para a equipa, ditas em concreto
- Aparecer para lá de junho

## Ideias de publicações do Mês do Orgulho para as redes sociais

- **A publicação de doação:** “Neste junho, cada encomenda apoia o nosso centro juvenil LGBTQ+ local”, a nomear a instituição, a indicar o valor ou a parte e a publicar uma atualização no fim do mês. [Gráficos para redes sociais de organizações sem fins lucrativos](https://gradiently.design/pt-pt/guide/nonprofit-social-media) mostra como as instituições apresentam este tipo de parceria.
- **A colaboração com um artista:** apresenta o artista, dá-lhe crédito com clareza, liga ao trabalho dele.
- **A publicação da equipa:** se os colegas quiserem partilhar o que o Orgulho significa para eles, deixa-os, nas suas palavras.
- **A publicação de evento:** a noite de Orgulho do teu espaço, um carro alegórico em que participas ou uma marcha local, com data e local. [Gráficos de marketing para eventos](https://gradiently.design/pt-pt/guide/event-organizer-marketing) trata dos formatos.
- **A publicação discreta:** uma só linha sobre o fundo da tua própria marca. Nem todos os negócios precisam de uma campanha.

Um story vertical do Mês do Orgulho a anunciar que cada encomenda de junho apoia uma instituição juvenil local

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

Mantém a tua marca reconhecível: o teu tipo de letra, a tua voz, o teu layout, com as cores do Orgulho acrescentadas em vez de substituírem tudo. No Gradiently podes manter o teu Mark habitual e trazer as cores do Orgulho como destaques no Studio, como uma faixa de riscas ou texto colorido, enquanto o Mark sabe onde está o texto e acalma a zona por trás. Mais sobre escolher cores que duram em [psicologia das cores](https://gradiently.design/pt-pt/guide/color-psychology).

## FAQ

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

Junho, em muitos países, assinalando o aniversário da revolta de Stonewall, em Nova Iorque, em junho de 1969. Algumas cidades fazem eventos do Orgulho noutras alturas do ano.

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

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

### O que é a Progress Pride Flag?

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

### Como pode um negócio apoiar o Orgulho sem rainbow washing?

Faz primeiro algo real, como doar, pagar a criadores LGBTQ+ ou apoiar eventos locais, e depois publica sobre isso em concreto e continua a aparecer depois de junho.

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

Mantém as palavras numa zona calma ou profunda do design, ou usa o arco-íris como faixa ou margem, porque a luminosidade muda demasiado ao longo de um arco-íris completo para qualquer cor de texto única.