Web Guidelines

Colours

.brand-1
.brand-2
.brand-3

.white
.grey-1
.black

Typography

Heading 1 - Raleway 54px

Heading 2 - Raleway 37px

Heading 3 - Raleway 32px

Heading 4 - Raleway 24px

Heading 5 - Raleway 20px
Heading 6 - Raleway 13px

Normal Paragraph - Raleway 18px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, ac sit amet metus.


Quotations - Raleway Italic 18px

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat numquam eius tempora magni asperiores quaerat amet rem corporis deserunt molestias voluptate, cum officia porro sapiente ratione quo laboriosam possimus veniam nihil vel recusandae totam sint omnis? Deleniti et eveniet blanditiis asperiores amet earum omnis facilis? Laudantium eius assumenda vero amet itaque incidunt omnis quae. Rerum aspernatur quidem dicta, laboriosam id.

Unordered List - Raleway 18px

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, atque.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, incidunt.
    • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, maxime.
    • Itaque voluptatibus ab minus laboriosam sit accusantium maxime, hic sunt!
    • Velit enim distinctio deleniti fugiat non accusamus ex illo, temporibus.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, omnis?
  • Possimus rem, adipisci. Accusantium voluptates, similique fugit voluptate quisquam unde.

Emphasis - Raleway Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.

Italic - Raleway Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.


Small - Raleway 13px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.


Iconography

Tables

Header Header Header Header
Data Data Data Data
Data Data Data Data
Data Data Data Data
Data Data Data Data
Data Data Data Data

Forms

This website uses cookies for functionality and allow us to analyse the use of the site. To opt out please view our Cookie Policy. If you continue to browse the site, we'll assume you agree to the use of cookies. [ Hide Notice ]