Skip to content

Typography

Typography is a crucial aspect of the Foundation's visual identity, influencing the tone and readability of communications. This section defines the approved typefaces, font sizes, and styles for various applications, ensuring a consistent and professional appearance across all branded materials.

Brand typeface

We have a single brand typeface - Hanken Grotesk. It is used for all text content, with varying weights used to create visual contrast and content hierarchy.

Hanken Grotesk

Bold

Aa Bb Cc

Hanken Grotesk

Medium

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 1234567890!?@%

Hanken Grotesk

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 1234567890!?@%

Type styling

This example shows how we can use varying font weights to create a layout that is well-balanced and creates a visual hierarchy.

H1 - Hanken Grotesk, Bold

48px / 54px Leading / 0 Tracking

This is a main headline

H4 - Hanken Grotesk, Medium

28px / 36px Leading / 0 Tracking

This is a longer supporting subline

Body - Hanken Grotesk, Regular

16px / 26px Leading / 0 Tracking

This is a much longer piece of body copy, Ut odio dolor, bibendum in libero eu, posuere consequat ex. Vestibulum id vulputate nibh. Suspendisse vestibulum blandit erat ac placerat. Cras posuere sodales suscipit. Sed eu tellus ultrices, vehicula turpis vitae, cursus ex.

CTA - Hanken Grotesk, Bold

16px / 18px Leading / 0 Tracking

This is a call to action

Previous

Colour

Next

Graphical Elements