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 štylov, ktorých úlohov 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 prijemnosti v rôznych častiach rozhrania.
Typ písma
Source sans pro
Font family
Black
Bold
Regular
Nadpisy
veľké obrazovky so šírkou od 731 px
Headline 1
Veľkosť: 48px
Veľkosť riadku: 55px
Rez písma: Black
Headline 2
Veľkosť: 36px
Veľkosť riadku: 45px
Rez písma: Bold
Headline 3
Veľkosť: 24px
Veľkosť riadku: 35px
Rez písma: Bold
Headline 4
Veľkosť: 20px
Veľkosť riadku: 26px
Rez písma: Bold
malé obrazovky so šírkou do 730 px
Headline 1
Veľkosť: 36px
Veľkosť riadku: 45px
Rez písma: Bold
Headline 2
Veľkosť: 24px
Veľkosť riadku: 35px
Rez písma: Bold
Headline 3
Veľkosť: 20px
Veľkosť riadku: 26px
Rez písma: Bold
Headline 4
Veľkosť: 19px
Veľkosť riadku: 24px
Rez písma: Bold
Podnadpisy
veľké obrazovky so šírkou od 731 px
Subtitle
Veľkosť: 24px
Veľkosť riadku: 36px
Rez písma: Regular
Subtitle bold
Veľkosť: 24px
Veľkosť riadku: 36px
Rez písma: Bold
malé obrazovky so šírkou do 730 px
Subtitle
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Regular
Subtitle bold
Veľkosť: 19px
Veľkosť riadku: 28px
Rez písma: Bold
Hlavný text
veľké obrazovky so šírkou 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 so šírkou do 730 px
Body
Veľkosť: 16px
Veľkosť riadku: 24px
Rez písma: Regular
Body 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 so šírkou 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 so šírkou 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 so šírkou 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 so šírkou 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