Vertikal rytme og luft (DRAFT)

2020-06-01

Innledning

Komme igang

Velg størrelse på brødtekst: font-size: 18px

Velgpassende linjehøyde, med utgangspunkt i 1.5: line-height: 28px

Grunnleggende størrelse

Grunnleggende størrelse er 7px. La linjehøyde, vertikal padding og margin være multiplikater av 7px.

Toggle overlay av og på.

Bruk relative enheter

Ikke bruk px. Skalerer ikke. Bruk em, eller rem. Standardstørrelse er 16 px. 1em = 16px. Em er relativ til parent. Rem er relativ til root.

Gjør det enklere for deg selv

Normaliser rem, så det blir enklere. 1rem = 1px

Utvidelser

Dette er et enkelt design, med et fåtall størrelser. Dette kan gjøres enda mer systematisk:

• Typografisk skala
• Størrelser, skala

Alternativ: 8px grid

1rem = 16px.

Ikke lineær skala.