Hopp til innhold

Typografi

DIN OT er skriften vår. Her ser du størrelsene vi bruker, hvilke farger teksten har, og hvorfor krøllalfaen vår er rund.

Vi bruker DIN OT til alt: titler, brødtekst, knapper og skjemaer. Den er rett og ryddig, men har myke nok former til å virke vennlig. Har du ikke DIN OT, faller nettsidene tilbake til Arial.

Fem vekter

Skriften finnes i fem vekter. Det finnes ingen halvfet, så en halvfet stil blir vist som Bold. Skriv noe i feltet under og se det i alle vektene.

Light 300
Store displaytitler – brukes sparsomt
DINOT-Light.woff2

Speiding gir friluftsliv, vennskap og eventyr

Regular 400
Brødtekst og ingresser
DINOT-Regular.woff2

Speiding gir friluftsliv, vennskap og eventyr

Medium 500
Etiketter, navigasjon, små detaljer
DINOT-Medium.woff2

Speiding gir friluftsliv, vennskap og eventyr

Bold 700
Titler, lenker og knapper
DINOT-Bold.woff2

Speiding gir friluftsliv, vennskap og eventyr

Black 900
Når noe virkelig skal rope
DINOT-Black.woff2

Speiding gir friluftsliv, vennskap og eventyr

DIN OT er kommersielt lisensiert (Monotype/FontShop). Filene over er webfontene slik de brukes på speiding.no – med den runde krøllalfaen – og er ment for forbundets egne flater.

Størrelser

Dette er størrelsene nettsidene bruker. Tallene leses rett fra siden, så de er alltid riktige – også på mobil, der titlene er litt mindre.

Sidetittel
 
Én per side, øverst.
Ingress
 
Første avsnitt – sier hva siden handler om.

Speiding gir friluftsliv, vennskap og eventyr.

Mellomtittel
 
Deler siden i avsnitt (H2).
Undertittel
 
Deler et avsnitt videre (H3).
Brødtekst
 
Det meste av teksten.

Vi møtes hver uke, er ute så mye vi kan, og drar på leir om sommeren.

Liten tekst
 
Bildetekster, merknader, kreditering.

Foto: Christian Sangereid

Farger i tekst

Sidetitler er speiderblå. Mellomtitler og brødtekst er nesten svart skjortegrå, og lenker er speidergrønne og understreket. Lysere grå brukes bare til små ting som merknader. Alle tekstfargene holder godt på både hvit og den lyse grå bakgrunnen vi bruker på sidene.

Bli speider!
 
Bli speider!
 
Sidetitler · speider-blue-900
Vi er ute så mye vi kan.
 
Vi er ute så mye vi kan.
 
Brødtekst · speider-gray-950
Finn en gruppe
 
Finn en gruppe
 
Lenker · speider-green-700
Foto: Ola Nordmann
 
Foto: Ola Nordmann
 
Merknader · speider-gray-800

Tallet er APCA-kontrasten (Lc). Les mer om hva tallene betyr og prøv dine egne kombinasjoner på fargesiden.

Den runde krøllalfaen

Den vanlige krøllalfaen i DIN OT er en åpen spiral som er vanskelig å lese. Skriften har en rund variant innebygd, og den bruker vi – akkurat som SPEIDEREN gjør på trykk.

Standard i DIN OT Kantete spiral – brukes ikke
Vår krøllalfa Rund og lett å lese

nsf@speiding.no

Nettlesere kan ikke slå på et alternativt tegn for bare ett tegn, så webfontene våre er endret: tegnet @ peker rett på den runde formen i alle fem vektene. Endringen gjøres av scripts/patch_din_at.py, og må kjøres på nytt hvis fontfilene byttes ut. I InDesign og Illustrator slår du den på selv: marker @ og velg den runde varianten i Glyfer-panelet.