Speidergrønn, speiderblå og skjortegrå er de tre merkevarefargene våre, og de vi bruker på alle nettsider hvor vi snakker for hele forbundet. Der hvor vi har innhold rettet mot en spesifikk enhet kan vi bruke fargene for den enheten, særlig der vi skal rekruttere til den enheten, for eksempel på Bli speider-sidene. Fargene for enhetene kan også brukes som visuelt krydder om det føles naturlig.
Speiderblå og speidergrønn, med skjortegrå som bakgrunn og tekst.
Hele siden tar enhetens farge.
En enhetsfarge kan pifte opp – når det føles naturlig.
Hvor kommer fargene fra?
Ingen av fargene er funnet på. Speiderblå og speidergrønn er hentet fra logoen, skjortegrå fra speiderskjorta, og hver enhet har fått fargen fra merkene sine.
Logoen. Speiderblå (PMS 5405 C) og speidergrønn (PMS 360 C) – primærfargene våre.
Speiderskjorta. Den grå skjorta alle speidere har. Grått er grunnfargen vår – bakgrunner, tekst og linjer.
-
Bever
-
Småspeider
-
Stifinner
-
Vandrer
-
Rover
-
Leder
Merkene. Hver enhet har fargene sine fra de fysiske merkene speiderne har på skjorta. Stifinner og vandrer har samme farge som speiderblå og speidergrønn.
Fra 50 til 950
Hver farge er bygget ut til en skala med elleve trinn, fra 50 (nesten hvit) til 950 (nesten svart). Da finnes det en lys variant til bakgrunner og en mørk til tekst – i samme farge. Klikk på en farge for å kopiere fargekoden.
Primærfargene
Speiderblå
Fra logoen · grunnfarge 500Speidergrønn
Fra logoen · grunnfarge 400Skjortegrå
Fra speiderskjorta · grunnfarge 500Enhetsfargene
Den mørkeste fargen i merket er enhetens merkefarge – den som brukes på knapper og fremhevinger. Den er merket med en prikk i skalaen.
Bever
Småspeider
Stifinner
Samme farge som speiderblå.
Vandrer
Samme farge som speidergrønn. Tropp bruker også vandrerfargene.
Rover
Leder
Kontrast
Vi følger APCA i stedet for WCAG på fargekontrast, da den er foreslått som ny standard og gir et mer realistisk bilde av hvilke kontraster som faktisk fungerer for mennesker med dårlig syn.
APCA gir et tall, Lc, fra 0 (usynlig) til rundt 106 (svart på hvitt). Jo mindre og tynnere teksten er, jo høyere tall trenger den:
Hva fungerer?
Tabellen viser hvert trinn i hver farge, og hva kombinasjonen holder til.
| Farge | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 |
|---|
Kontrastsjekker
Velg en bakgrunn, en tekstfarge og en størrelse – fra fargene våre eller dine egne.
Speiding gir friluftsliv, vennskap og eventyr
Last ned fargene
Fargeprøvene lages av fargene på denne siden, så de er alltid oppdaterte. Stifinner og vandrer er ikke med som egne farger, siden de er like speiderblå og speidergrønn.
Adobe
Illustrator, InDesign og Photoshop. I fargeprøvepanelet («Swatches»): menyen → «Open Swatch Library → Other Library…» og velg fila.
Affinity
Bruker samme fil som Adobe. I «Swatches»-panelet: menyen → «Import Palette → As Application Palette».
Figma
Figma kan ikke importere fargefiler, men den kan lime inn SVG. Kopier og lim inn (⌘V) – hver farge blir en navngitt flate du kan lage stiler av.
Canva
Canva kan ikke importere fargefiler. Klikk på en farge for å kopiere koden, og lim den inn under «Merkevare → Farger → +».