# Pride-design: stöd som går längre än en regnbågslogotyp

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

Varje juni blir logotyper regnbågsfärgade och byts tillbaka den 1 juli. Folk märker det. Så designar du för Pride med omsorg: flaggorna och vad de står för, färger som är rätt och inlägg som backas upp av något verkligt.

## The short version

- Bra Pride-design backas upp av verkliga handlingar, som donationer, evenemang, inkluderande policyer eller samarbeten med hbtq-skapare, och säger det specifikt.
- Pride firas i juni i många länder och markerar årsdagen av Stonewall-upproret i New York i juni 1969.
- Regnbågsflaggan ritades av Gilbert Baker 1978, och den vanliga versionen med sex ränder är röd, orange, gul, grön, blå och violett.
- Progress Pride-flaggan, ritad av Daniel Quasar 2018, lägger till en vinkel i svart, brunt, ljusblått, rosa och vitt.
- Regnbågsbakgrunder är svåra att läsa text på, så håll orden på en lugn yta och använd regnbågen som ett band, en kant eller en accent.

Den bästa **Pride-designen** är ärlig. En regnbåge ensam säger att du märkte att det var juni. En regnbåge bredvid något du faktiskt gjort (en donation, ett partnerskap, ett evenemang, en policy, ett uppdrag åt en queer konstnär) säger att du menar det. Få flaggorna och deras färger rätt, håll orden läsbara på starka ränder och berätta specifikt hur ditt stöd ser ut. Det är skillnaden mellan ett inlägg som folk delar och ett som de tar skärmdump av av fel skäl.

## En kort historia om Pride-flaggorna

Pride hålls i juni i många länder och markerar Stonewall-upproret i New York i juni 1969. På vissa platser hålls Pride andra tider på året, så lokala evenemang kan ligga utanför juni. Flaggorna bär mycket av betydelsen, och att få dem rätt är det första tecknet på omsorg.

| Flagga | Ritad av | Färger |
| --- | --- | --- |
| Regnbågsflaggan (original) | Gilbert Baker, 1978 | Åtta ränder, inklusive het rosa och turkos |
| Regnbågsflaggan (sex ränder) | Anpassad 1979 | Röd, orange, gul, grön, blå, violett |
| Transflaggan | Monica Helms, 1999 | Ljusblå, rosa, vit |
| Bisexuella flaggan | Michael Page, 1998 | Magenta, lavendel, kungsblå |
| Progress Pride-flaggan | Daniel Quasar, 2018 | Sex ränder plus en vinkel i svart, brunt, ljusblått, rosa och vitt |
| Interinkluderande Progress-flagga | Valentino Vecchietti, 2021 | Lägger till en gul triangel med en lila cirkel |

Det finns många fler flaggor, bland annat för lesbiska, pansexuella, ickebinära och asexuella. Om du visar en, kontrollera dess aktuella färger och betydelse först.

## Pride-flaggornas färger och hexkoder

Flaggfärgerna varierar något mellan källor, men de här koderna används ofta för skärmarbete. Använd dem exakt när du ritar en flagga. När du designar en stämning snarare än en flagga har du större frihet.

- Röd: #e40303
- Orange: #ff8c00
- Gul: #ffed00
- Grön: #008026
- Blå: #004dff
- Violett: #750787

Regnbågsflaggan med sex ränder, så som den ofta anges för skärmar.

- Transljusblå: #5bcefa
- Transrosa: #f5a9b8
- Vit: #ffffff
- Progressbrun: #613915
- Progresssvart: #000000
- Bimagenta: #d60270
- Bilavendel: #9b4f96
- Bikungsblå: #0038a8

De extra färgerna i Progress Pride-vinkeln, plus den bisexuella flaggan.

## Regnbågsgradienter för Pride-inlägg

En gradient låter färgerna flyta in i varandra i stället för att ligga i hårda ränder, vilket känns mjukare och modernare. Hårda övergångar gör att flaggan förblir läsbar som flagga. Båda har sin plats.

- Regnbågsblandning: `linear-gradient(90deg, #e40303 0%, #ff8c00 20%, #ffed00 40%, #008026 60%, #004dff 80%, #750787 100%)`
- Flagga med sex ränder: `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%)`
- Transflaggan: `linear-gradient(180deg, #5bcefa 0% 20%, #f5a9b8 20% 40%, #ffffff 40% 60%, #f5a9b8 60% 80%, #5bcefa 80% 100%)`
- Skymningsregnbåge: `linear-gradient(135deg, #2a0f3d 0%, #750787 35%, #d60270 60%, #ff8c00 85%, #ffed00 100%)`

Regnbågsblandning och Skymningsregnbåge är stämningar, de två randiga versionerna är flaggor och ska behålla sina exakta proportioner.

Lägg märke till att Skymningsregnbåge börjar från en djup grund. En hel regnbåge bakom ord är en av de svåraste ytorna att läsa på, eftersom ljusheten hoppar från mörk violett till klargul längs en enda rad. Lösningen är att ge orden en lugn yta: en djup ände av gradienten, ett regnbågsband vid kanten eller en enfärgad panel i din varumärkesfärg bredvid. [Regnbågsgradient](https://gradiently.design/sv/guide/rainbow-gradient) och [text på en gradient](https://gradiently.design/sv/guide/text-on-gradient) går djupare.

Ett Pride-inlägg där rubriken korsar klara gradientfärger och delar av den är svåra att läsa

Orden går rakt över de klaraste färgerna: delar av raden försvinner.

Samma Pride-inlägg med en lugnare yta bakom rubriken så att varje bokstav går att läsa tydligt

Samma inlägg där bakgrunden gör plats för orden.

## Så visar du stöd bortom en regnbågslogotyp

Att byta logotyp till en regnbåge är den mest välkända Pride-gesten och den lättaste att tvivla på, eftersom den inte kostar något. Om du gör det, para ihop det med något verkligt och säg vad det är. Om du ännu inte gjort något, gör det först och lägg ut sedan.

### Regnbågstvätt

- En regnbågslogotyp i juni, inget mer
- Pride-merch utan att pengar går någonstans
- Regnbågsavatarer bara på marknader där det är enkelt
- Vaga ord som ”vi firar kärlek”
- Tystnad de andra elva månaderna

### Verkligt stöd

- En namngiven välgörenhet och vad du gav, eller en andel av försäljningen angiven tydligt
- Ett uppdrag eller samarbete med en hbtq-konstnär, betalt som det ska
- Evenemang, sponsring eller lokaler som erbjuds lokala grupper
- Inkluderande policyer för personalen, uttryckta specifikt
- Att finnas där även efter juni

## Idéer för Pride-inlägg i sociala medier

- **Gåvoinlägget:** ”I juni stöder varje beställning vårt lokala ungdomshus för hbtq”, med namn på välgörenheten, belopp eller andel angiven och en uppdatering i slutet av månaden. [Grafik för ideella organisationer i sociala medier](https://gradiently.design/sv/guide/nonprofit-social-media) visar hur organisationer presenterar den här sortens partnerskap.
- **Konstnärssamarbetet:** presentera konstnären, ge dem tydligt erkännande, länka till deras arbete.
- **Teaminlägget:** om kollegor vill dela vad Pride betyder för dem, låt dem göra det, med egna ord.
- **Evenemangsinlägget:** din lokals Pride-kväll, en vagn ni går med i eller ett lokalt tåg, med datum och plats. [Marknadsföringsgrafik för evenemang](https://gradiently.design/sv/guide/event-organizer-marketing) tar upp formaten.
- **Det tysta inlägget:** en enda rad på din egen varumärkesbakgrund. Alla företag behöver inte en kampanj.

En stående Pride-story som meddelar att varje beställning i juni stöder en lokal ungdomsorganisation

En gåvostory i 1080×1920. Namnge välgörenheten i bildtexten och rapportera tillbaka i slutet av månaden.

Håll ditt varumärke igenkännbart: ditt typsnitt, din röst, din layout, med Pride-färgerna tillagda i stället för att ersätta allt. I Gradiently kan du behålla din vanliga Mark och ta in Pride-färgerna som accenter i Studio, som ett randigt band eller färgad text, medan Marken vet var texten ligger och lugnar ytan bakom den. Mer om att välja färger som håller i [färgpsykologi](https://gradiently.design/sv/guide/color-psychology).

## FAQ

### När är Pride?

I juni i många länder, till minne av årsdagen av Stonewall-upproret i New York i juni 1969. Vissa städer håller Pride-evenemang andra tider på året.

### Vilka är hexkoderna för Pride-flaggan?

En vanlig uppsättning för regnbågsflaggan med sex ränder är #e40303, #ff8c00, #ffed00, #008026, #004dff och #750787.

### Vad är Progress Pride-flaggan?

En version av regnbågsflaggan, ritad av Daniel Quasar 2018, som lägger till en vinkel i svart, brunt, ljusblått, rosa och vitt för att representera färgade personer och transpersoner.

### Hur kan ett företag stödja Pride utan regnbågstvätt?

Gör något verkligt först, som att donera, betala hbtq-skapare eller stödja lokala evenemang, skriv sedan specifikt om det och fortsätt finnas där efter juni.

### Hur lägger jag text på en regnbågsbakgrund?

Håll orden på en lugn eller djup yta av designen, eller använd regnbågen som ett band eller en kant, eftersom ljusheten ändras för mycket över en hel regnbåge för att någon enskild textfärg ska fungera.
