Typeskala
Vår OBOS Typografi, har sitt eget sett med veiledning og beste praksis. Det er grunnleggende å etablere en veldefinert skriftskala. Det er grunnlaget for å opprettholde konsistens og visuell sammenheng på tvers av alt merkevaremateriale.
Typografisk skalering
OBOS’ typeskala er bygget på én enkelt formel. Denne ligningen etablerer størrelseskontrastene slik at typografien er harmonisk fordelt i alle størrelser.
Typografisk skaleringsformel
Formelen for vår typografisk skalering ble laget for å gi hierarki for alle typer medium. Formelen for mobil og desktop har med utgangspunkt i en konstant på y₀=16px og Lucas serie i komposisjonen.
Konstant (y₀)=16px • Golden ratio (r)=1.618 (ɸ) Skallering (n)=6/8
For større medium, trengs det kun å endre konstanten i formelen.
(Legg til Excel fil i mellomtiden)
| Klasse | Font weight | Size px | Size rem | Line-height px |
|---|---|---|---|---|
| heading-xl | SemiBold | 63 | 3.9375 | 77 (1.22) |
| heading-l | SemiBold | 36 | 2.25 | 48 (1.33) |
| heading-m | SemiBold | 26 | 1.625 | 36 (1.38) |
| lead | Medium | 26 | 1.625 | 39 (1.5) |
| lead-sm | Medium | 20 | 1.25 | 30 (1.5) |
| heading-s | Medium | 21 | 1.3125 | 31.5 (1.5) |
| heading-xs | Medium | 19 | 1.1875 | 28.5 (1.5) |
| paragraph | Regular | 16 | 1 | 24 (1.5) |
| description | Regular | 14 | 0.875 | 21 (1.5) |
Størrelsesformatering
Størrelsen på lerretet og hvor langt unna vi ser det, påvirker hvordan vi leser teksten. Jo større og lengre unna noe er, jo mindre ser vi teksten. For å fikse dette bruker vi en multiplikasjonsfaktor i tekstskalaene våre for større formater som skal sees på avstand.
