Typography refers to the style, arrangement, and appearance of text on a webpage or application. It plays a crucial role in readability, user experience, and overall aesthetics. and examples for Blueprint labels.

Label Large [ 18px/16px ]

<label class="form-label-lg">Label 1</label>

Label Large Primary [ 18px/16px ]

<label class="form-label-lg text-primary">Label 1</label>

Label Large Secondary [ 18px/16px ]

<label class="form-label-lg text-secondary">Label 1</label>

Label Medium [ 16px/14px ]

<label class="form-label-md">Label 2</label>

Label Medium Primary [ 16px/14px ]

<label class="form-label-md text-primary">Label 2</label>

Label Medium Secondary [ 16px/14px ]

<label class="form-label-md text-secondary">Label 2</label>

Label Small [ 14px/14px ]

<label class="form-label-sm">Label 3</label>

Label Small Primary [ 14px/14px ]

<label class="form-label-sm text-primary">Label 3</label>

Label Small Secondary [ 14px/14px ]

<label class="form-label-sm text-secondary">Label 3</label>

Typography Labels