Our typeface
Our typeface is Skyscanner Relative, a unique type family of proportional graded weights. Its forms reflect the geometry of our symbol, with even stroke widths and slightly rounded corner profiles. Optimised for use on-screen, we have worked alongside its creators, Colophon, to ensure fast load-times and perfect digital rendering.
Size
We use a range of type sizes to create a clear visual hierarchy — landing larger headlines with impact and allowing space for longer form copy at a smaller scale.
Like a growing stack of suitcases, we choose type sizes from our scale. Think about the context you’re designing for and pick sizes to suit, making sure the relationship between headline and body is well defined.
Leading
Leading is all about the distance between the baselines of two lines of type. The smaller this value, the more cramped the text will appear on the page – which we want to avoid.
We reduce our leading for large titles and headings.
Marketing Type Scale
Size |
Line-Height |
---|---|
120px |
120px |
96px |
96px |
76px |
84px |
64px |
72px |
48px |
56p |
40px |
48px |
32px |
40px |
24px |
32px |
20px |
28px |
16px |
24px |
14px |
20px |
12px |
16px |
Non-latin
To ensure consistency in every market, we use alternate typefaces when communicating in non-Latin alphabets. Much like our Latin typeface, Relative, these typefaces reflect the geometry of our logo and are used across digital and print applications.
Market |
Typeface |
---|---|
Russian |
Rubik |
Korean |
Nanum Square |
Chinese & Japanese |
Noto Sans |
Thai |
Neue Frutiger Modern |
Product System Typeface
In markets where we cannot use our Latin typeface, Relative, we use the default typefaces for each mobile operating system.
For iOS applications use Apple's default typeface; San Francisco.
For Android applications use Google's default typeface; Roboto.