Typografia

Skaala on tiheyspäätös ja fontit ovat fonttipäätöksiä: tämä sivu näyttää, mitä muoto lukee, ei mitä se arvo on tänään. Vaihda fonttiakseli virheenkorjauspaneelissa ja kaikki alla on asetettu toiseen fonttiin ilman sääntöjen muutosta.

Perheet

Kolme, koska se on se, mitä sivu erottaa: mihin se on kirjoitettu, mihin se on otsikoitu ja mitä tarkoitetaan luettavaksi kirjoitettuna eikä sanottuna. Yksi setti voi antaa saman fontin kaikille kolmelle — järjestelmä tekee niin.

--font-family-base

Nopea ruskea kettu hyppää laiskan koiran yli — 0123456789

--font-family-heading

Nopea ruskea kettu hyppää laiskan koiran yli — 0123456789

--font-family-mono

Nopea ruskea kettu hyppää laiskan koiran yli — 0123456789

Painot

Nimetään sen mukaan, kuinka paljon ne vaativat, ei koskaan numeron mukaan. Fontti, jonka 500 ei ole olemassa, kartoittaa sen siihen, mitä sillä on, ja muodot, jotka vaativat keskipainoa, jatkavat keskipainon kysymistä.

--font-weight-normal — Nopea ruskea kettu hyppää laiskan koiran yli — 0123456789

--font-weight-medium — Nopea ruskea kettu hyppää laiskan koiran yli — 0123456789

--font-weight-strong — Nopea ruskea kettu hyppää laiskan koiran yli — 0123456789

--font-weight-bold — Nopea ruskea kettu hyppää laiskan koiran yli — 0123456789

Typografiaskaala

Suunnittelujärjestelmä — Rakennuspalikat loistaville käyttöliittymille

Käytetään kerran sivua kohden. Asettaa ensisijaisen kontekstin. Yhdistettynä lyhyeen johdantokappaleeseen.

Typografia luo hierarkiaa ja rytmiä

Osastotason otsikko. Ryhmittelee liittyvää sisältöä. Yleensä seuraa runkoteksti tai aliosastot.

Väli ja suhteet muokkaavat luettavuutta

Aliosastotason otsikko. Esittelee keskittyneen aiheen osiossa.

Väri ja kontrasti ohjaavat silmää

Käytetään korttiotsikoissa, sivupalkin osioissa tai pienissä ryhmissä.

Vuorovaikutustilat on oltava ilmeisiä

Tunnisteet, metatietojen otsikot, pienet ryhmät. Huomaamaton mutta erottuva runkotekstistä.

Esteettömyys on ominaisuus, ei jälkikäteen harkittu asia

Pienin otsikkotaso. Käytä säästeliäästi — alaviitteille, lakiteksteille tai apuotsikoille.