Badges
Ein Badge ist eine Art Label, welches immer im Kontext mit einem anderen Element steht. Es dient beispielsweise als ein Indikator für eine Anzahl, kann aber ebenso einen Status beschreiben.
Größen
Die Größe passt sich dem unmittelbaren übergeordneten Element an, indem relative Schriftgrößen gesetzt werden. Die Schriftgröße liegt bei 90% des übergeordneten Elements.
| Ausgangsgröße | Badge | |
|---|---|---|
| 14px | 90% = 12.6px | Badge |
| 16px | 90% = 14.4px | Badge |
| 18px | 90% = 16.5px | Badge |
| 20px | 90% = 18px | Badge |