Typografi
Vores to primære skrifttyper er Gotham Rounded og Newsreader, som hver især tilfører betydning til vores brand.
Newsreader er en serif font, der udstråler tradition og intellekt. Gotham Rounded er en sans serif font, der med sit runde og geometriske udtryk tilfører et moderne og entreprenant touch til vores brand. Kombinationen af de to giver en god balance mellem vores gamle rødder og innovative mindset.
Vi bruger Gotham Rounded i to forskellige skriftsnit: Book og Medium. Fonten bliver brugt til overskrifter, tabeller, infografikker, tekstlinks, knapper og øvrig navigation.
Vi bruger Newsreader i to forskellige skriftsnit: Regular og Bold. Newsreader er vores brødtekst-font, men vi bruger den også til fremhævede tekster som fx citater. Ved manchet/intro kan du vurderer fra design til design, om det er enten Newsreader eller Gotham Rounded, der giver det bedste helhedsudtryk.
Fallback font
I nogle tilfælde kan vi ikke bruge vores to primære skifttyper. Det er eksempelvis tilfældet i e-mails og Microsoft Office dokumenter. Heldigvis er der en løsning. Vi bruger i stedet den e-mailsikre skrifttype Arial, som ligger tilgængelig i både Word, Powerpoint og Excel.
Vi bruger Arial Regular til brødtekster og Arial Bold til overskrifter.
Linjeafstand
Vi ønsker at skabe et ensartet visuelt udtryk på tværs af vores brand materialer. Derfor har vi defineret regler for linjeafstand, som skal bruges på alle elementer på tværs af medier.
Linjeafstand
Overskrift, mellemrubrik
og fremhævet tekst (fx citat)
Tekststørrelse x 1,2 = linjeafstand
Eksempel: 60 pt x 1,2 = 72 pt
Linjeafstand
Brødtekst, intro og tabel
Tekststørrelse x 1,5 = linjeafstand
Eksempel: 9,5 pt x 1,5 = 14,25 pt
Overskrift
Linjeafstand: Tekststørrelse x 1,2
Intro
Linjeafstand: Tekststørrelse x 1,5
Intro
Linjeafstand: Tekststørrelse x 1,5
Hierarki
Når du bruger og kombinerer forskellige skrifttyper i dit design, er det vigtigt at skabe et stærkt hierarki. Der bør være en klar forskel i størrelsen på overskrift, manchet, mellemoverskrift og brødtekst, så teksten bliver lettilgængelig for modtageren.
Nedenfor kan du se eksempler på, hvordan du skaber et stærkt hierarki med dine tekster.
Tekstfarver
Sort og hvid er vores primære tekstfarver både online og offline.
Brødtekster er altid sort eller hvid, men vi bruger også Deep forest, Forest, Night sky og Sky til overskrifter på udvalgte baggrundsfarver.
Reglerne for brug af farvede overskrifter finder du i næste afsnit.
| HEX RGB CMYK PMS C PMS U |
#222222 34, 34, 34 0, 0, 0, 100 – – |
| CMYK | 40, 30, 30, 100 |
Deep black bruges kun til print. Farven bruges til overskrifter over 24 pkt. og til sorte farveflader, så farven bliver dyb og jævn.
| HEX RGB CMYK PMS C PMS U |
#ffffff 255, 255, 255 0, 0, 0, 0 – – |
| HEX RGB CMYK PMS C PMS U |
#005537 0, 85, 55 88, 28, 78, 50 554 C 7484 U |
| HEX RGB CMYK PMS C PMS U |
#bfe6b8 191, 230, 184 30, 0, 36, 0 2260 C 2260 U |
| HEX RGB CMYK PMS C PMS U |
#112152 17, 33, 82 100, 75, 0, 57 655 C 282 U |
| HEX RGB CMYK PMS C PMS U |
#addce7 173, 220, 231 36, 0, 10, 0 635 C 635 U |
Tekst på farvede baggrunde
Tilgængelighed er en høj prioritet for os, og derfor har vi defineret kombinationer mellem tekst- og baggrundsfarver til brug på tværs af materialer.
Scroll videre og se, hvordan tekstfarverne er rated i henhold til WCAG standarder.