BELLUS Health

Style Guide

H2 is Aktiv Grotesk Bold 60px #7F8084

H3 is Aktiv Grotesk Bold 28px #b90030

H4 is Aktiv Grotesk Regular 28px #8c8d91 and is used for large paragraph text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H5 is Aktiv Grotesk 24px #385a95 is used for titles and are often clickable.
H6 can be used for dates or other subheads

Paragraph/body text is is Aktiv Grotesk Regular 20px #000000. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. This is what a text link looks like on white background.

Disclaimer text is is Aktiv Grotesk Regular 18px #8c8d91. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

  • This is what a bulleted list looks like.
  • This is what a bulleted list looks like.
  • This is what a bulleted list looks like.
  1. This is what a numbered list looks like. Lorem ipsum dolor sit amet, consectetur.
  2. This is what a numbered list looks like. Lorem ipsum dolor sit amet, consectetur.
  3. This is what a numbered list looks like. Lorem ipsum dolor sit amet, consectetur.

Tables

TitleTitleTitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit sed doLorem ipsum dolor sit amet, consectetur adipiscing elit sed doLorem ipsum dolor sit amet, consectetur adipiscing elit sed do Lorem ipsum dolor sit amet

Icons

Forms

Form fields, labels & text

• Small form text is the same as disclaimer

Accordion

Accordion Item #1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tabs

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Tab Two Conntent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eleifend fermentum purus nec fermentum. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eleifend fermentum purus nec fermentum. Lorem ipsum dolor sit amet.

Tab Three Conntent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat finibus posuere. Sed ante dui, fermentum nec tempus et, tristique ac velit. Sed ac metus id libero lacinia pharetra. Nullam interdum quis nisi ut malesuada. Sed ut neque tellus. Donec nec libero ex. Sed at lorem libero. Nam nec enim ac lectus facilisis facilisis. Sed vehicula posuere metus vel sagittis. Vivamus feugiat scelerisque dui sed egestas. Donec quam ipsum, egestas vitae interdum sit amet, dapibus ac ligula. Sed maximus odio urna, et pretium lacus vulputate vel.