Grid og oppsett
Det er viktig at alle komposisjoner bruker dette gridet, spesielt med tanke på linjeavstand. Bredde og høyde kan være fleksibelt, men proporsjonene må følge reglene.
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 på flater med mindre oppløsning (som 1080px) kan bruke 30px. Det er viktig å bruke rutenett som går opp i hele enheter.
Oppløsning: 1920×1080px
Rutenett: 30px
Margin: 120px
Oppløsning: 1080×1080px
Rutenett: 30px
Margin: 120px
Oppløsning: 1080×1350px
Rutenett: 30px
Margin: 120px
Oppløsning: 1080×1920px
Rutenett: 30px
Margin: 120px
Rutenett og typografi
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 Utdanningsforbundet sitt rutenett-grid-system.
Oppsett
Her er noen eksempler på ulike oppsett man kan skape innen grid systemet.
