01. Typography02. Colors

Style Guide for Unio Template

Typography

Special Heading

Display 1 Text

Urbanist - ExtraBold
80px/94px

Display 2 Text

Urbanist - ExtraBold
68px/76px

Display 3 Text

Urbanist - ExtraBold
32px/36px
Heading

Heading 1

Urbanist - ExtraBold
64px/70px

Heading 2

Urbanist - Bold
48px/58px

Heading 3

Urbanist - Bold
36px/48px

Heading 4

Urbanist - Bold
24px/36px
Heading 5
Urbanist - Bold
20px/28px
Heading 6
Urbanist - Bold
18px/24px
Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - Regular
16px/28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Plus Jakarta Sans - Bold
24px/38px
Bold - This is some text inside of a div block.
Bold Text
Italic - This is some text inside of a div block.
Italic Text
To make sure all Citizen rights, you have to work together and make better country for our child. We have to take initiative roper way ensure the all right and make the country better for living
quate iconQuate Right Icon
Block Quote - Bold/ Regular
16px/28px

Colors

Primary Color
#415DA1
Secondary Colors
#e70f47
#03171E
Neutral Color
#333333
#353535
#393939