01. Typography02. Colors

Style Guide for Unio Template

Typography

Special Heading

Display 1 Text

Open Sans - Bold
80px/94px

Display 2 Text

Open Sans - Bold
68px/76px

Display 3 Text

Open Sans - Bold
32px/36px
Heading

Heading 1

Open Sans - Bold
64px/70px

Heading 2

Open Sans - Bold
48px/58px

Heading 3

Open Sans - Bold
36px/48px

Heading 4

Open Sans - Bold
24px/36px
Heading 5
Open Sans - Bold
20px/28px
Heading 6
Open Sans - 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.

Open Sans - Regular
18px/27px

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.

Open Sans - Regular
18px/27px
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
Block Quote - Bold/ Regular
16px/28px
Italic Text
  • right and make the country better for living
  • right and make the country better for living
  • right and make the country better for living

Colors

Primary Color
#222f5d
Secondary Colors
#00c5e7
#000000
Neutral Color
#e0e0e0
#999999
#575757