Typography

Typography aligns the visual with the verbal – landing the way that we speak as Skyscanner in the graphical nuances of every letter. Our type choices are intentionally simple, but they speak in volumes. Flexible enough to work for every context, whether we’re delivering the nuts and bolts of in-product travel details, or dialing the emotions of travel in our Out of Home.

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.

Supernova Our Typeface Skyblue

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

Supernova Non Latin Skyblue

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.