Text Utilities

Iridescent includes a range of contrasting and extensible styles to support a wide range of use cases.

Resources

A font can make or break your website, so we went to great lengths to get you two Open Source Google fonts. One to make your website and the other if your browser decides to break on us.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Subtitle 1

Subtitle 2

Body 1

Body 2

Button

Caption

OVERLINE

Different Styles of Texts

Implementation

Text alignment

The text alignment styles curated for specific scenarios can be triggered by text---left , text---center and text---right for alignment. purpose

This is all I have left.

I'm a self centered person.

You're right. I'm never wrong.

Implementation

The guy on the right told me you left.

                        

I left.
I'm a self centered person.
You're right.

Text Styles

The text styles curated for your specific and unique scenarios can be triggered by text---small for small text and text---grey for grey text.

So basically I'm very smol.

Small Text

And I'm a very grey person.

Grey Text

Implementation

                        
                        So basically I'm very smol.
                        And I'm a very grey person.