• var(--font-primary)

futura-pt is the primary typeface

Futura was selected because it is a modern typeface that is easy to read and expressive. Futura is used for all headings under H2 and body copy.

  • font-weight: 500;
  • font-style: normal;

Aa Gg
Ss Zz

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9 0

& % $ # @ ! * ? , . ; — – - ( ) “ ” ‘ ’ « »

  • font-weight: bold;
  • font-style: normal;

Aa Gg
Ss Zz

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9 0

& % $ # @ ! * ? , . ; — – - ( ) “ ” ‘ ’ « »

  • font-weight: bold;
  • font-style: italic;

Aa Gg
Ss Zz

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9 0

& % $ # @ ! * ? , . ; — – - ( ) “ ” ‘ ’ « »

  • font-weight: normal;
  • font-style: normal;

Aa Gg
Ss Zz

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9 0

& % $ # @ ! * ? , . ; — – - ( ) “ ” ‘ ’ « »

  • font-weight: normal;
  • font-style: italic;

Aa Gg
Ss Zz

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9 0

& % $ # @ ! * ? , . ; — – - ( ) “ ” ‘ ’ « »

  • var(--font-secondary)

ff-prater-block-web is the secondary typeface

FF Prater Block was selected because it is a fun and expressive typeface that shows off the expected feel of the company. FF Prater Block is used for H1s and the company’s name in the header. It should not be used at small sizes!

  • font-weight: normal;
  • font-style: normal;

Aa Gg
Ss Zz

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9 0

& % $ # @ ! * ? , . ; — – - ( ) “ ” ‘ ’ « »