Typography

Particle UI is also having some pre-defined utilities classes that helps speed up the designing of the website.

Headings

To use one of the heading, use h1, h2, h3, h4, h5, h6 tag.

H1 Heading

H2 Heading

H3 Heading

H4 heading

H5 Heading
H6 Heading

Different Sizes of Text

Text are having four different sizes, xl, lg, md, sm.

This is a dummy text

This is a dummy text

This is a dummy text

This is a dummy text

Different Font Weights

Fonts are having four different weights, dark, bold, regular and light.

This is a dummy text

This is a dummy text

This is a dummy text

This is a dummy text

Colors of Texts

Texts are having 3 different colors, gray, blue and pink.

This is a gray text

This is a blue text

This is a pink text

Alignment of Text

Text can be aligned in three different ways, left, right and center.

Left Aligned Text

Center Aligned Text

Right Aligned Text