Interaktivt Designdashboard • Optimeret efter WCAG 2.2 kontrastkrav
WCAG 2.2 Tilpasning: Tekstfarver og rammer i denne skabelon er baseret på mørkere nuancer fra Røde Kors' godkendte gråskala for at garantere et kontrastforhold på minimum 4.5:1 (AA/AAA) for tekst og 3:1 for interaktive elementer.
Farver
Klik på et farvekort for at kopiere HEX-koden.
Kors Rød (Brand)
#e30a0b
Bør kun bruges til store overskrifter (bold) eller logoer for at sikre tilstrækkelig kontrast på lys baggrund.
Kopieret!
Kontrast Rød (Web)
#cc090a
Mørkere rød. Anbefales til links, knapper og mindre tekst på hvide eller lyserøde flader for at møde AA-kravet.
Primær brødtekst og overskrifter. Kontrast på 11.8:1 mod hvid (overholder nemt AAA).
Kopieret!
Mellemgrå (Tekst)
#5a585b
Anbefales til sekundær tekst, datoer og metadata. Kontrast på 7.2:1 mod hvid (AAA).
Kopieret!
Grå (UI og rammer)
#989598
Bruges til linjer og rammer. Kontrast på 3.1:1 mod hvid (overholder WCAG-krav til grafiske objekter).
Kopieret!
Typografi (Verdana)
Overskrift H1 / H2 (Bold + Versaler til kampagnesider)
KRIG. GRU. HÅB.
Verdana Bold, 28px+ (Fremragende læsbarhed)
Almindelig overskrift H2 / H3 (Bold)
Det er dejligt at hjælpe. Kom og vær med.
Verdana Bold, 22px
Brødtekst (Regular)
Røde Kors er til stede der, hvor det sker. I det globale brændpunkt, i konfliktens øje, men også lokalt i Roskilde. Vi er der, hvor behovet er størst, og hvor vi kan gøre en forskel. Sammen.
Verdana Regular, 16px (Venstrestillet for maksimal læsbarhed)
Designregler & Retningslinjer
Brug af Logoer
▶
Primært logo (Kun det røde kors): Kan placeres på hvid baggrund, på billeder eller på den svagt tonede baggrund (`#fef5f5`). Sørg for at tilføje teksten "Røde Kors" et andet sted på siden som tydelig afsender.
Co-branding logo (Korset i en hvid boks): Bruges primært ved samarbejder eller på ensfarvede mørke baggrunde.
Forbud på hvid baggrund i visse medier: Det nøgne røde kors uden navnetræk må aldrig optræde på hvid baggrund på flag, t-shirts, uniformer, bygninger, biler eller telte, da det her kan forveksles med det beskyttende sanitets- og sundhedstegn.
Lokalafdeling (Røde Kors Roskilde)
▶
Hold logoet rent: Du må ikke føje "Roskilde" eller specifikke aktivitetsnavne (f.eks. "Vågetjenesten") direkte ind i eller under selve logo-korset.
Placering af tekst: Skriv i stedet "Røde Kors Roskilde" separat på siden i Verdana Regular eller Bold. Undgå at gøre teksten unødigt dominerende.
Billedstil & Rød Toning
▶
Medmenneskeligt fokus: Portrætter skal formidle værdighed og respekt. Sørg for øjenkontakt og god, tæt beskæring, som trækker beskueren ind i situationen.
Visuel rød glød: Brug den lyserøde farve (#fef5f5) som et transparent "Multiply"-lag over billeder på primære sider for at skabe en rolig og samlet visuel tråd.