01. Typography02. Colors

Style Guide for Medical Template

Typography

Special Heading

Display 1 Text

Plus Jakarta Sans - Bold
80px/94px

Display 2 Text

Plus Jakarta Sans - Bold
68px/76px

Display 3 Text

Plus Jakarta Sans - Bold
32px/36px
Heading

Heading 1

Plus Jakarta Sans - Bold
58px/66px

Heading 2

Plus Jakarta Sans - Bold
38px/38px

Heading 3

Plus Jakarta Sans - Bold
24px/33px

Heading 4

Plus Jakarta Sans - Bold
20px/28px
Heading 5
Plus Jakarta Sans - Bold
18px/22px
Heading 6
Plus Jakarta Sans - Bold
16px/22px
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 Small - Regular
16px/26px

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
18px/30px

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

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
14px/22px
Bold - This is some text inside of a div block.
Bold Text
Italic - This is some text inside of a div block.
Italic Text
“Lorem ipsum dolor sit amet consectetur. Ipsum vulputate nibh pretium pha retra tristique semper justo congue mi. Hac sed senectus eget”
Block Quote - Bold/ Regular
24px/38px

Colors

Primary Color
#415DA1
Secondary Colors
#415DA1
#D1E1FF
#C6DAFF
Neutral Color
#121229
#39394A
#C6DAFF