Grid og oppsett
Rutenett
Ved å bruke kvadratiske ruter som går opp i hverandre, skapes et system som er stramt og rigid, men som gir gode muligheter for variasjon.
Foretrukket størrelse på rutenett er 30 eller 60. På flater med god oppløsning (som 4K) er det best å bruke 60px, mens man på flater med mindre oppløsning (som 1080p) kan bruke 30px. Det er viktig å bruke rutenett som går opp i hele enheter.
Oppå rutenettet kan man legge inn kolonner, som igjen gjør det enkelt å sette sammen forskjellige layouts. Rutenettet er tett knyttet opp mot de andre grafiske formene til Forskningsrådet, spesielt det dynamiske logofeltet og linjeavstand i typografien.
Oppløsning: 3840×2160px
Rutenett: 60px
Margin: 120 px
Kolonner: 12 stk a 300px
Logofelt: 2,5 kolonne bred (90° rotert)
Oppløsning: 2160×2160px
Rutenett: 60px
Margin: 120 px
Kolonner: 16 stk a 120px
Logofelt: 2,5 kolonne bred (90° rotert)
Oppløsning: 2160×2700px
Rutenett: 60px
Margin: 120 px
Kolonner: 16 stk a 120px
Logofelt: 2,5 kolonne bred (90° rotert)
Oppløsning: 2160×3840px
Rutenett: 60px
Margin: 120 px
Kolonner: 16 stk a 120px
Logofelt: 2,5 kolonne bred (90° rotert)
Rutenett og typografi
Vi har definert et typografisk hierarki, hvor linjeavstand og kontrast mellom skriftstørrelser bidrar til å opprettholde et konsekvent og profesjonelt visuelt uttrykk. Linjeavstanden er knyttet opp mot rutenettet, som gjør at de alltid harmonerer med hverandre. Hovedregel for tekststørrelsen er at den skal være 85% av linjeavstanden, så når linjeavstanden er 90pt, skal tekststørrelsen være 76,5pt. (85% = 90*0,85). På denne måten plasseres all typografi ryddig og enkelt inn i Forskningsrådet sitt rutenett-grid-system.
Oppsett
Forskningsrådet bruker et system for oppsett hvor man kan dele en flate én, to eller tre deler. Disse delene kan man deretter igjen dele inn i en, to eller tre deler.
Eksempel på stående forsider med samme grid, men forskjellige oppsett:
