Oppdatert

Grid

Grid danner grunnlaget for å posisjonere innholdet på skjermen. Ved å designe ved hjelp av å bruke gridet hjelper dette med å skape gode brukerreiser.

Columns

Gridet inneholder 4-12 kolonner basert på størrelsen på skjermen. Innhold kan strekke seg over flere kolonner.

Gutters

Dette er mellomrommet mellom hver kolonne i gridet. Vi bruker 24 mellomrom på store skjermer og 16 px mellomrom på mindre skjermer

Margin

Dette er mengden luft rundt kolonnene.

Grid desktop
Grid mobile
Grid 2 do

Bruk som hovedregel bare en kolonne for innholdet. 2 kolonner skal bare brukes når det absolut er nødvendig for å kommunisere innholdet bedre.

Grid 2 dont

Unngå bruk av mangle kolonner

Grid 1 do

Bruks maks to innholdsblokker i bredden

Grid 1 dont

Prøv ikke å gi for mye informasjon på en gang