Yandex Sans by Miguel Reyes and Ilya Ruderman

WEB, CUSTOM TYPEFACES | 1 MAY 2016
Yandexsans mainimages1 textrus 733 xxx q87
Yandexsans mainimages2 733 xxx q87
Yandexsans mainimages3 733 xxx q87
Yandexsans mainimages4 733 xxx q87

Yandex Sans, designed by Commercial Type designer Miguel Reyes and Moscow-based type designer Ilya Ruderman (of CSTM Fonts and type.today) and art directed by Christian Schwartz, is a new corporate typeface for Yandex, the largest search engine in Russia. Designed for both interfaces and marketing, Yandex Sans has two closely related families: Yandex Sans Text, in 5 weights, and Yandex Sans Display, in 4 weights. A comfortably proportioned humanist sans with open terminals and low contrast, the typeface is designed to look warm and inviting without being overly friendly, and to be both crisp and readable.

Homepage low arial 671 xxx q87
The homepage in 2014, in Arial
Web branding 1 931 xxx q87
A marketing page using Textbook (Bukvarnaya)
Yandex icons 671 xxx q87
A earlier version of the revised icons, showing the simplicity and clean geometry that would be used
Robotovssf 646 xxx q87
An existing mobile interface on Android, in Roboto (left) and on iOS, in San Francisco (right)

In 2014, we were approached by then Creative Director Irina Voloshina to build a typeface family that could help all of Yandex’s products speak in one consistent voice and strengthen the brand. In addition to their search engine, Yandex has many products and services, including a news aggregator, maps, a marketplace, and even a very popular taxi service. These products exist across the web, mobile web, and mobile apps, and had not really been designed with one consistent visual language in mind. Irina and her team were simplifying and refocusing the design, starting with a set of icons that gave us something visual to respond to. The main idea for evolving the brand was “technology with a human face”. For text and interfaces, the new typeface would need to replace Arial while keeping the same or better copyfit. For display and marketing, the typeface would need to replace Textbook (Bukvarnaya).

    The new typeface was designed with three main goals in mind: first and foremost, it had to be functional. If it didn’t have absolute clarity, and wasn’t a pleasure to read on screen, none of the other goals mattered. Since Yandex is a Russian company, the typeface needed to look native in the Cyrillic script. Second, it needed to differentiate Yandex from its competitors and visually separate from the operating systems they appear on. Finally, it needed to strike the right tone of voice for Yandex’s brand, while helping to make the company’s wide range of products feel like a closely related family.

Flat vs round 582 xxx q87
Version 1 (Flat) on left, version 2 (Round) on right.
Searchresults flat 681 xxx q87
Search results in sketch 1 (Flat)
Searchresults round 681 xxx q87
Search results in sketch 2 (Round)

After initial sketches for many different directions, two sans options were the frontrunners: a stiffer sans with more contrast that felt more technical, and a rounder version that felt more human. As it was founded by engineers, Yandex is a data-driven company, so they worked to quantify which option was better, in part by testing the fonts in many different layouts so they could be compared as equally as possible. Miguel and Ilya’s rounder and more human version was the clear winner, especially after being softened further for a warmer tone.

Yandexsans mainimages5 632 xxx q87
The Yandex Launcher on Android is one of the first products to use Yandex Sans
Hometest fill 790 xxx q87
Yandex Sans is being tested for the homepage
Album 34234jhkwer4343000 693 xxx q87
A redesign of Yandex Music has also been unveiled, using Yandex Sans
Screen shot 2016 05 12 at 11.27.46am 703 xxx q87
Yandex Sans is being introduced throughout the company's web pages, starting with corporate info
Screen shot 2016 05 12 at 11.28.14am 703 xxx q87
Screen shot 2016 05 12 at 11.28.53am 703 xxx q87
Screen shot 2016 05 12 at 11.26.59am 703 xxx q87
English has a rounder, friendlier feel, because of the larger number of round bowls in the Latin alphabet.
Screen shot 2016 05 12 at 11.29.10am 703 xxx q87
Simplified cedillas were appropriate for Turkish

After a two-year process of design, revisions, and testing, Yandex Sans was unveiled to the public at Yandex’s first ever design conference on 23 April 2016 in Moscow, where Yandex design director Konstantin Gorskiy presented the typeface together with Christian Schwartz. It is already being used in a number of Yandex products and websites, and will be rolled out in many more in the months to come.

Search menu yandexsans hi 995 xxx q87
Yandex Sans at 11px, enlarged
Search menu arial hi 995 xxx q87
Arial at 11px, enlarged

Yandex Sans roughly matches the vertical proportions of Arial, making it easier for the designers at Yandex to change to the new typeface in their interfaces without too many unintended consequences. However, the open terminals make Yandex Sans much easier to read at smaller sizes, particularly on standard resolution screens.

Yandexsans cyrlat 733 xxx q87
Yandexsans ital 733 xxx q87
Yandexsans trk 733 xxx q87

While many Cyrillic components of multilingual typefaces are compromised by design choices made in the Latin, because the Cyrillic is often designed after the fact, the opposite was true in Yandex Sans, where compromises were made in the Latin instead. The K and k, for example, use forms typical of the Russian К and к. Special attention was also paid to Turkish characters such as Ğ ğ Ş ş, as Yandex also has significant market share in Turkey. The italic has more cursive characters than would be expected for an interface typeface, to ensure that the italic is identifiable as italic even at small sizes on screen.

 

You can read more about this project in an article by Yandex design director Konstantin Gorskiy here, in Russian.