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.




Beispiel


5 Neu

Button 5

Lorem ipsum dolor sit amet Neu






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