Typography style

Most of our messaging is conveyed by text, so typography plays a pivotal role in relaying the core values of our brand. To create a strong and consistent brand, headlines and key messaging should use the same typeface as the Siteimprove logo.

Primary fonts

Gilroy Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” )

Titillium Web Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” )

Arial should be used when Gilroy Bold and Titillium are not available.

Arial Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” ) Arial Regular Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” )

Typography weights

The weight of a particular font is the thickness of the character outlines relative to their height. It is important that the weights are consistent.

Heading 1

Gilroy Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” )

Heading 2

Gilroy Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” )

Heading 3 Gilroy Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” )

Heading 4 Gilroy Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” )

Paragraph Titillium Web Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ( ! ? & % $ . , : ; ” )

Use of headings

Headings communicate the organization of the content on a web page.

For a full accessible page, always starts with Heading 1 and move down in a descendent order, without skipping any level.

Heading 1

Heading 2

Heading 3

Heading 4