# Diseño para el Mes del Orgullo: apoyo más allá de un logo arcoíris

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

Cada junio, los logos se vuelven arcoíris y vuelven a su color el 1 de julio. La gente lo nota. Así se diseña para el Orgullo con cuidado: las banderas y lo que representan, colores correctos y publicaciones respaldadas por algo real.

## The short version

- Un buen diseño para el Mes del Orgullo se respalda con acciones reales, como donaciones, eventos, políticas inclusivas o trabajo con creadores LGTBIQ+, y lo cuenta con detalle.
- El Mes del Orgullo se celebra en junio en muchos países, en recuerdo de los disturbios de Stonewall en Nueva York en junio de 1969.
- La bandera arcoíris la diseñó Gilbert Baker en 1978, y su versión habitual de seis franjas es roja, naranja, amarilla, verde, azul y violeta.
- La bandera Progress Pride, diseñada por Daniel Quasar en 2018, añade una cuña de negro, marrón, azul claro, rosa y blanco.
- Los fondos arcoíris dificultan la lectura del texto, así que coloca las palabras sobre una zona tranquila y usa el arcoíris como banda, borde o acento.

El mejor **diseño para el Mes del Orgullo** es honesto. Un arcoíris solo dice que te diste cuenta de que era junio; un arcoíris junto a algo que has hecho de verdad (una donación, una alianza, un evento, una política, un encargo a un artista queer) dice que va en serio. Acierta con las banderas y sus colores, mantén las palabras legibles sobre franjas brillantes y cuenta con detalle cómo es tu apoyo. Esa es la diferencia entre una publicación que la gente comparte y otra de la que hace capturas por motivos equivocados.

## Una breve historia de las banderas del Orgullo

El Mes del Orgullo se celebra en junio en muchos países, en recuerdo de los disturbios de Stonewall en Nueva York en junio de 1969. En algunos lugares el Orgullo se celebra en otras épocas del año, así que los eventos locales pueden caer fuera de junio. Las banderas llevan buena parte del significado, y acertar con ellas es la primera señal de cuidado.

| Bandera | Diseñada por | Colores |
| --- | --- | --- |
| Bandera arcoíris (original) | Gilbert Baker, 1978 | Ocho franjas, incluidos rosa intenso y turquesa |
| Bandera arcoíris (seis franjas) | Adaptada en 1979 | Rojo, naranja, amarillo, verde, azul, violeta |
| Bandera trans | Monica Helms, 1999 | Azul claro, rosa, blanco |
| Bandera bisexual | Michael Page, 1998 | Magenta, lavanda, azul real |
| Bandera Progress Pride | Daniel Quasar, 2018 | Seis franjas más una cuña de negro, marrón, azul claro, rosa y blanco |
| Bandera Progress inclusiva con las personas intersex | Valentino Vecchietti, 2021 | Añade un triángulo amarillo con un círculo morado |

Hay muchas más banderas, entre ellas las lésbica, pansexual, no binaria y asexual. Si muestras alguna, comprueba antes sus colores y su significado actuales.

## Colores de la bandera del Orgullo y códigos hex

Los colores de las banderas varían un poco según la fuente, pero estos códigos se usan mucho en pantalla. Úsalos tal cual cuando dibujes una bandera; cuando diseñes un ambiente y no una bandera, tienes más libertad.

- Rojo: #e40303
- Naranja: #ff8c00
- Amarillo: #ffed00
- Verde: #008026
- Azul: #004dff
- Violeta: #750787

La bandera arcoíris de seis franjas, tal como se suele especificar para pantallas.

- Azul claro trans: #5bcefa
- Rosa trans: #f5a9b8
- Blanco: #ffffff
- Marrón Progress: #613915
- Negro Progress: #000000
- Magenta bi: #d60270
- Lavanda bi: #9b4f96
- Azul real bi: #0038a8

Los colores adicionales de la cuña de Progress Pride, más la bandera bisexual.

## Degradados arcoíris para publicaciones del Orgullo

Un degradado deja que los colores fluyan unos hacia otros en lugar de quedarse en franjas duras, lo que resulta más suave y moderno. Las paradas duras mantienen la bandera legible como bandera. Ambos tienen su lugar.

- Mezcla arcoíris: `linear-gradient(90deg, #e40303 0%, #ff8c00 20%, #ffed00 40%, #008026 60%, #004dff 80%, #750787 100%)`
- Bandera de seis franjas: `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%)`
- Bandera trans: `linear-gradient(180deg, #5bcefa 0% 20%, #f5a9b8 20% 40%, #ffffff 40% 60%, #f5a9b8 60% 80%, #5bcefa 80% 100%)`
- Arcoíris al anochecer: `linear-gradient(135deg, #2a0f3d 0%, #750787 35%, #d60270 60%, #ff8c00 85%, #ffed00 100%)`

Mezcla arcoíris y Arcoíris al anochecer son ambientes; las dos versiones de franjas son banderas y deben conservar sus proporciones exactas.

Fíjate en que Arcoíris al anochecer parte de un fondo profundo. Un arcoíris completo detrás de las palabras es una de las superficies más difíciles para leer, porque la luminosidad salta del violeta oscuro al amarillo brillante en una sola línea. La solución es dar a las palabras una zona tranquila: un extremo profundo del degradado, una banda de arcoíris en el borde o un panel liso del color de tu marca al lado. [Degradado arcoíris](https://gradiently.design/es/guide/rainbow-gradient) y [texto sobre un degradado](https://gradiently.design/es/guide/text-on-gradient) profundizan en ello.

Un post del Orgullo donde el titular cruza colores brillantes del degradado y partes se leen con dificultad

Palabras que cruzan directamente los colores más brillantes: partes de la línea desaparecen.

El mismo post del Orgullo con una zona más tranquila detrás del titular para que cada letra se lea con claridad

El mismo post con el fondo dejando sitio a las palabras.

## Cómo mostrar apoyo más allá de un logo arcoíris

Cambiar tu logo a arcoíris es el gesto más habitual del Orgullo y el más fácil de poner en duda, porque no cuesta nada. Si lo haces, acompáñalo de algo real y di qué es. Si todavía no has hecho nada, hazlo primero y publica después.

### Pinkwashing de arcoíris

- Un logo arcoíris en junio y nada más
- Merchandising del Orgullo sin dinero que vaya a ningún sitio
- Avatares arcoíris solo en los mercados donde resulta fácil
- Palabras vagas como «celebramos el amor»
- Silencio los otros once meses

### Apoyo real

- Una organización benéfica con nombre y lo que le diste, o un porcentaje de las ventas indicado con claridad
- Un encargo o colaboración con un artista LGTBIQ+, pagado como es debido
- Eventos, patrocinios o espacio cedido a colectivos locales
- Políticas inclusivas para la plantilla, explicadas con concreción
- Estar presente más allá de junio

## Ideas de publicaciones para el Mes del Orgullo

- **El post solidario:** «Este junio, cada pedido apoya a nuestro centro juvenil LGTBIQ+ local», con el nombre de la entidad, la cantidad o el porcentaje, y una actualización a final de mes. [Gráficos de redes sociales para ONG](https://gradiently.design/es/guide/nonprofit-social-media) muestra cómo presentan las entidades este tipo de alianza.
- **La colaboración con un artista:** presenta al artista, acredítalo con claridad y enlaza su trabajo.
- **El post del equipo:** si tus compañeros quieren compartir lo que significa el Orgullo para ellos, déjales, con sus palabras.
- **El post del evento:** la noche de Orgullo de tu local, una carroza a la que te sumas o una marcha local, con fecha y lugar. [Gráficos de marketing para eventos](https://gradiently.design/es/guide/event-organizer-marketing) recoge los formatos.
- **El post discreto:** una sola línea sobre el fondo de tu propia marca. No todos los negocios necesitan una campaña.

Una story vertical del Mes del Orgullo que anuncia que cada pedido de junio apoya a una entidad juvenil local

Una story solidaria en 1080×1920. Nombra la entidad en el pie y informa a final de mes.

Mantén tu marca reconocible: tu tipografía, tu voz, tu composición, con los colores del Orgullo añadidos en lugar de sustituirlo todo. En Gradiently puedes conservar tu Mark habitual e incorporar los colores del Orgullo como acentos en el Studio, como una banda de franjas o texto en color, mientras el Mark sabe dónde está el texto y calma la zona de detrás. Más sobre cómo elegir colores que duren en [psicología del color](https://gradiently.design/es/guide/color-psychology).

## FAQ

### ¿Cuándo es el Mes del Orgullo?

En junio en muchos países, en recuerdo de los disturbios de Stonewall en Nueva York en junio de 1969. Algunas ciudades celebran el Orgullo en otras épocas del año.

### ¿Cuáles son los códigos hex de la bandera del Orgullo?

Un conjunto muy usado para la bandera arcoíris de seis franjas es #e40303, #ff8c00, #ffed00, #008026, #004dff y #750787.

### ¿Qué es la bandera Progress Pride?

Una versión de la bandera arcoíris diseñada por Daniel Quasar en 2018 que añade una cuña de negro, marrón, azul claro, rosa y blanco para representar a las personas racializadas y a las personas trans.

### ¿Cómo puede una empresa apoyar el Orgullo sin pinkwashing?

Haciendo primero algo real, como donar, pagar a creadores LGTBIQ+ o apoyar eventos locales, y contándolo después con concreción y manteniendo el compromiso pasado junio.

### ¿Cómo pongo texto sobre un fondo arcoíris?

Coloca las palabras en una zona tranquila o profunda del diseño, o usa el arcoíris como banda o borde, porque la luminosidad cambia demasiado en un arcoíris completo para un único color de texto.