Our clients are busy people, so it’s important that information is presented with structure and clarity. Below you’ll find a layout explaining how to use the different weights of our brand typeface in a simple layout.
As a common rule of thumb, to simplify the use case, headers are generally in bold, while body copy in regular.
Considering we are working with a very responsive, and fluid web environment, our sizes vary depending on the device, screen size, and resolution. We support four major breakpoints for large desktops, laptops, tablets, and mobile devices, with a fluid typography system supporting each use case.
Inspired by the lettering of Swiss poster designer legend Otto Baumberger from the 1930s, GT Walsheim is a friendly but precise typeface. A Sans serif font. It’s impactful and elegant, which allows it to act effortlessly as a design element on its own.
Digital use case mostly focuses on the typography structure within the website. All sizes and pairings have been adjusted to perfectly fit the responsive environment and elevate users experience within the website.
H1
82px
x1.11
Bold
-2
H2
60px
x1.15
Bold
-1,5
H3
40px
x1.22
Bold
-1
H4
28px
x1.25
Bold
-0,5
P1
22px
x1.3
Regular, Bold
0
P2
16px
22px
Regular, Bold
0
P3
14px
20px
Regular, Bold
0
H1
72px
80px (size x 1.11)
Bold
-2
H2
52px
60px (size x 1.15)
Bold
-1,5
H3
36px
44px (size x 1.22)
Bold
-1
H4
24px
30px (size x 1.25)
Bold
-0,5
P1
20px
x1.326px (size x 1.3)
Regular, Bold
0
P2
16px
22px (size x 1.4)
Regular, Bold
0
P3
14px
20px (size x 1.4)
Regular, Bold
0
H1
62px
x1.11
Bold
-2
H2
42px
x1.15
Bold
-1,5
H3
30px
x1.22
Bold
-1
H4
24px
x1.25
Bold
-0,5
P1
20px
x1.3
Regular, Bold
0
P2
16px
x1.4
Regular, Bold
0
P3
14px
x1.4
Regular, Bold
0
H1
52px
x1.11
Bold
-1,5
H2
36px
x1.15
Bold
-1
H3
28px
x1.22
Bold
-0,5
H4
22px
x1.25
Bold
-0
P1
20px
x1.3
Regular, Bold
0
P2
16px
x1.4
Regular, Bold
0
P3
14px
x1.4
Regular, Bold
0
H1
42px
x1.11
Bold
-1,5
H2
32px
x1.15
Bold
-1
H3
24px
x1.22
Bold
-0,5
H4
20px
x1.25
Bold
-0
P1
20px
x1.3
Regular, Bold
0
P2
16px
x1.4
Regular, Bold
0
P3
14px
x1.4
Regular, Bold
0
Duotone headers are considered as part of our visual identity. The idea is to put a specific word or sentence in a primary or secondary color to elevate the message and visual experience.