Typografia
Typografia je súbor rôznych typov písma, ktoré sú odlišné v štýle, veľkosti, šírke riadkovania a vzdialenosti medzi písmenami. Pri definovaní typografie bola definovaná škálovateľnosť v podobe preddefinovaných štýlov, ktorých úlohou je správne zobrazenie na rozličných zariadeniach. Ďalším dôvodom potreby škálovania je zabezpečenie správnej čitateľnosti a estetickej príjemnosti v rôznych častiach rozhrania.
Typ písma
Font family
Black
Bold
Regular
Nadpisy
Veľké obrazovky (šírka od 731 px)
Nadpis XL
Veľkosť: 48px
Veľkosť riadku: 55px
Rez písma: Black
Nadpis L
Veľkosť: 36px
Veľkosť riadku: 45px
Rez písma: Bold
Nadpis M
Veľkosť: 24px
Veľkosť riadku: 35px
Rez písma: Bold
Nadpis S
Veľkosť: 20px
Veľkosť riadku: 26px
Rez písma: Bold
Malé obrazovky (šírka do 730 px)
Nadpis XL
Veľkosť: 36px
Veľkosť riadku: 45px
Rez písma: Bold
Nadpis L
Veľkosť: 24px
Veľkosť riadku: 35px
Rez písma: Bold
Nadpis M
Veľkosť: 20px
Veľkosť riadku: 26px
Rez písma: Bold
Nadpis S
Veľkosť: 19px
Veľkosť riadku: 24px
Rez písma: Bold
Podnadpisy
Veľké obrazovky (šírka od 731 px)
Perex
Veľkosť: 24px
Veľkosť riadku: 36px
Rez písma: Regular
Perex bold
Veľkosť: 24px
Veľkosť riadku: 36px
Rez písma: Bold
Malé obrazovky (šírka do 730 px)
Perex
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Regular
Perex bold
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Bold
Hlavný text
Veľké obrazovky (šírka od 731 px)
Body
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Regular
Body bold
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Bold
Body
Veľkosť: 16px
Veľkosť riadku: 24px
Rez písma: Regular
Body bold
Veľkosť: 16px
Veľkosť riadku: 24px
Rez písma: Bold
Malé obrazovky (šírka do 730 px)
Body 1
Veľkosť: 16px
Veľkosť riadku: 24px
Rez písma: Regular
Body 1 bold
Veľkosť: 16px
Veľkosť riadku: 28px
Rez písma: Bold
Body 1
Veľkosť: 14px
Veľkosť riadku: 20px
Rez písma: Regular
Body 1 bold
Veľkosť: 14px
Veľkosť riadku: 20px
Rez písma: Bold
Popis a tlačidlo
Veľké obrazovky (šírka od 731 px)
Caption
Veľkosť: 12px
Veľkosť riadku: 16px
Rez písma: Regular
Caption bold
Veľkosť: 12px
Veľkosť riadku: 16px
Rez písma: Bold
Button
Veľkosť: 16px
Veľkosť riadku: 24px
Rez písma: Bold
Malé obrazovky (šírka do 730 px)
Caption
Veľkosť: 12px
Veľkosť riadku: 16px
Rez písma: Regular
Caption bold
Veľkosť: 12px
Veľkosť riadku: 16px
Rez písma: Bold
Button
Veľkosť: 16px
Veľkosť riadku: 24px
Rez písma: Bold
Hypertextové odkazy
Veľké obrazovky (šírka od 731 px)
Veľkosť: 24px
Veľkosť riadku: 36px
Rez písma: Regular
Veľkosť: 24px
Veľkosť riadku: 36px
Rez písma: Bold
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Regular
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Bold
Veľkosť: 16px
Veľkosť riadku: 28px
Rez písma: Regular
Veľkosť: 16px
Veľkosť riadku: 28px
Rez písma: Bold
Veľkosť: 12px
Veľkosť riadku: 16px
Rez písma: Regular
Malé obrazovky (šírka do 730 px)
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Regular
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Bold
Veľkosť: 16px
Veľkosť riadku: 28px
Rez písma: Regular
Veľkosť: 16px
Veľkosť riadku: 28px
Rez písma: Bold
Veľkosť: 14px
Veľkosť riadku: 20px
Rez písma: Regular
Veľkosť: 14px
Veľkosť riadku: 20px
Rez písma: Bold
Veľkosť: 12px
Veľkosť riadku: 16px
Rez písma: Regular