Typos Sizes

spirit UI uses inter font. You can directly use the tags h1, h2, h3, h4, h5 & p or use their custom classes to get the following font-size:

This Is A Heading - H1

This Is A Heading - H2

This Is A Heading - H3

This Is A Heading - H4

This Is A Heading - H5

This Is A Heading - H6

        
            
                This Is A Heading - H1
                This Is A Heading - H2
                This Is A Heading - H3
                This Is A Heading - H4
                This Is A Heading - H5
                This Is A Heading - H6

Typos weights

spirit UI uses inter font. You can directly use the tags dark light etc.. to use their font weights:

Light - 333

Lighter - 444

Meduim - 500

Regular - 530

Bold - 640

Extra Bold - 699

        
            
                Light - 333
                Lighter - 444
                Meduim - 500
                Regular - 530
                Bold - 640
                Extra Bold - 699

Typos Color

spirit UI uses inter font. You can directly use the tags primary-txt secondary-txt etc.. to use their text colors:

This txt with primary color

This txt with secondary color

This txt with default color

This txt with grey color

This txt with purple color

            
                
                    This txt with primary color
                    This txt with secondary color
                    This txt with default color
                    This txt with grey color
                    This txt with purple color