ttcommonspro
Type foundryBlogCreating a font for Mail.ru Group logo setting

Creating a font for Mail.ru Group logo setting

Creating a font for Mail.ru Group logo setting

Today we will share a fascinating story of creating a font family to set logos for one of the largest brands. We promise you won’t be bored: in this story, you will have the chance to have a look at all stages of the work and will learn more about font creation.

Main characters:

TypeType font design studio. Creators of over 50 font families, including the popular TT Commons™ Pro и TT Norms Pro®. TypeType has project collaborations all over the world, customizes existing fonts and creates new ones.

Mail.ru Group brand team. One of the largest and most well-known IT companies. The brand ecosystem includes VKontakte and Odnoklassniki social media, Warface, Crossfire and Armored Warfare online games, food delivery services, mail services and messengers.

Prologue

Sometimes, a company gets a project that makes it rethink the usual work processes, poses a professional challenge and teaches an important lesson, resulting in useful experience and nice memories.

It all started in August 2018. Mail.ru Group contacted us. At that point, the company was already going through the final stages of a large-scale rebranding process. They have already shown their new corporate style, enhanced concept and further planned changes to the audience, and they needed to polish up the fonts for logos of internal services. The Mail.ru Group designer team had prepared a concept of the desired character of the font family, and they initially contacted us to receive a competent review and have the font prepared technically. The task seemed easy.

Creating a font for Mail.ru Group logo setting
Mail.ru Group internal services

Skipping ahead, the project has taken a year, during which the letters initially proposed by Mail.ru Group underwent significant changes and finally became a final touch in the brand’s new corporate style.

Part one. The beginning.

We had typographic experience and a trained eye of the professional team dealing with any types of fonts. Mail.ru Group had the logos that they wanted to transform into a convenient font. More importantly, this had to be a font for setting logos as it had to be a scalable solution suitable for different name projects.

«We have been thinking about our own font family for a while, since 2014. The full-scale rebranding work catalyzed this idea. We conducted an in-depth investigation on logo redesign in our field, which showed that stable trend in going from artsy and bright fonts to neutral, light sans-serifs. Lightness and clarity of such fonts seemed to us convenient to work with, as this type of fonts has good readability in different sizes and does not attract much attention to itself.»

Evgeny Dolgov, lead designer of the Mail.ru Group brand team

Our best minds and eyes grabbed the provided letters and started to remake them changing what was wrong from the typographic standpoint, making each letter expressive and creating a readable harmonious font from what we got to work with.

Creating a font for Mail.ru Group logo setting
First approach to the font

Mail.ru Group appreciated our eagerness, but there was a large but lurking. They thought of the font as the extension of their concept and the font’s logo-like properties had special meaning to them. Mail.ru Group saw their font as a single piece, monolithic and geometric.

Working with logo typeface on this scale was a new experience for us. We tried to find a balance between the wishes of the customer and our vision, but professional meticulousness to details and adherence to the rules of typography sometimes prevailed.

Nevertheless, during this period there were many changes that were developed in subsequent stages.

Creating a font for Mail.ru Group logo setting
Development stages

• Initially, we made visual «inflows-compensators» in the paradigm of the standard approach, but during the discussions we made them smaller. The oval has become visually rounder and the font became more geometric.

• We changed the length of ascenders and descenders so that the font would look more monolithic.

• We experimented with the height of descenders in the letters and g and the incline of diagonals in the letters к, k, л.

• A number of changes was made to the letter proportions to make the font look whole.

«We wanted to avoid the heaviness of bold and dark types in the font, especially considering the fact that mail.ru has projects with different word lengths in the names. While the short names looked good in bold, the long ones didn’t look their best, especially close to the light font in the project menu. In the end, we settled on the Medium face. Also, experimenting with the anatomy of letters, we decided to reduce the ascenders and descenders of some characters (such as h t l g j b d), which ultimately allowed us to get sturdier and stabler logos.»

Evgeny Dolgov, lead designer of the Mail.ru Group brand team

We discussed, tried and searched a lot. We changed separate faces and meticulously worked on letter details. We found points of contact but we could not grasp the full vision.

This entire period was devoted to the search for mutual understanding. With small but numerous changes, each of the participants built a path to the concept that was difficult to formulate at that particular stage, but which, although not yet understood by the process participants, was already waiting for us.

Part two. Meeting and restarting

The changes continued. The original plan was to take the original Russian and English alphabets of Mail.ru Group and correct them in the font file, completing the remaining letters and setting spacing and kerning. We needed to check the heights and widths of the characters, to make the letters in the set look solid, consistent and harmonious and to assemble the font so that the holding team could install them in systems and type logos as text. But already at the end of the initial stage, it became clear that the work goes much further beyond the primary plan.

We continued to edit the letters, partially redrew them, discussing changes and wishes.

«It’s not easy for designers and professional typographers to speak the same language. We, designers, perceive the logo as an element of graphic design in a holistic identity, and not as a set of well-defined rules that must be used when building fonts. Together with TypeType, we were looking for the line where the „logo is not equal to font“ approach still respects the laws of typography, but already looks like a graphic design element. »

Mitya Osadchuk, creative director of Mail.ru Group

In March 2019, we reached a tipping point. Despite many variations of the implemented changes, we lacked something to understand the whole picture. It was important for Mail.ru Group to see the monolithic concept of the typeface. We, accustomed to working with text fonts, applied the rules of typography to the new problem and carefully rewired our brains.

Written communication was not enough to outline the right direction due to all the factors, so we decided to meet. In personal communication, we began to reason again.

Having carefully studied all the previous processes, we proposed a new vision. Moreover, the involvement of one more TypeType employee in the project helped to develop a fresh perspective on the situation. Of course, we prepared for the meeting in advance, so a number of edits had already been proposed in the form of a presentation. In turn, the Mail.ru Group team spoke about their views, immersing us in their values. Integrity and graphicality, maximum geometry of signs, monolithic logo, absence of out-of-place elements and voids —— now we had a specific action plan and an understanding of what needs to be done to achieve a mutually approved result.

Creating a font for Mail.ru Group logo setting
Approach to changes after restarting

After the meeting, we could work more actively. Once again, we agreed on the edits and proceeded to take action.

• Working on the monolithic feel. Changing graphics.

• Testing different heights of ascenders and descenders.

• Finding a suitable shape for rounded letters. Working with compensators.

At the end of this stage, we firmly believed we were moving in the right direction, but one moment was still missing to reach the perfect idyll in the work. However, we did not know that the next discovery was already waiting for us.

Creating a font for Mail.ru Group logo setting
Second stage evolution

Part three. It all started with the terminal.

Many changes had been made. The understanding had been worked out. Everything was going well, but something was missing before this could become the perfect font.

The jump start was the fonts provided by Mail.ru Group as references. We immediately grasped what exactly might have attracted them. So, redrawing of some characters began.

• We changed the shape of the terminals. In the original version from the company’s designers, they were rounded and protruding. The terminals now became straight and short.

Creating a font for Mail.ru Group logo setting
Changing terminal shapes

It was a real breakthrough! In fact, this turned out to be enough for the font to acquire the desired solidity, to become a solid piece. The ascender and descender lines laned at the same level, the perception of the font has changed in the right direction.

The Mail.ru Group were very pleased, and us even more so.

After that, we made many more changes, but it was the terminals that proved to be the key to achieving complete mutual understanding.

What happened next?

• We completely redrew the terminals and started converting the font to the same look.

• Initially, g and p had different lengths. We usually do not allow this in fonts, but at the end of long edits in the previous stages, we were able to find the letterforms with which they look harmonious at the same length.• If we talk about the changes that are almost impossible in text fonts, but turned out to be part of creating solidity in the logo, these are the letters h and t. For t, the ascender is, as a rule, always smaller than for h. In the font for Mail.ru Group, we drew terminals of the same height.

Creating a font for Mail.ru Group logo setting
Main third stage changes

• Another feature of the font for the holding’s logos is the letters б or g. In a text font, we would raise the oval above the baseline of the letter g, and in б, we would not bring the oval to the level of lowercase characters. It was a difficult moment, since we wanted to make the oval smaller, because there is not enough space for the full size, especially with short ascenders and descenders. We meticulously worked with the shape of the terminal in g and the shape of the flame-shaped element in б to fit everything, but thanks to the final solution, the block and the integrity of the font were preserved.

Creating a font for Mail.ru Group logo setting
Main third-stage changes

The new version of the font began to look more modern and laconic, all while we reached harmony with the wishes of Mail.ru Group and were able to transfer their concept and vision to the font. The final steps remained.

«Our team managed to create the character and mood of the overall picture, which was important to bring all the way to the end. Obviously, there are dozens of typographic subtleties we could not have worked out on our own, because one small change in a couple of letters affects the entire font. In such a situation, trusting is the best thing that can be done for the final result »

Mitya Osadchuk, creative director of Mail.ru Group

Part four. Finish line.

We have already reached the agreed solidity, we were able to bring the font to a graphic, but at the same time laconic look. The terminals had changed, we had adjusted the thicknesses and widths. We redrew some letters, and after agreeing on the graphics, we began to expand the font character composition.

• Figures and punctuation marks were drawn from scratch, based on the available graphics. We used TT Norms as a reference point for some of the figures. The most difficult path was the number 2 and the ampersand. The 2 was offered in versions with a curved or straight back, but the search for the necessary ampersand was empirical. As a result, on the third attempt, we found a variant that became the final one: rather unusual, but definitely stylish.

Creating a font for Mail.ru Group logo setting
The evolution of figures and symbols

• Features were written in the process. Several contextual alternatives are used in the font, the most interesting is the @, which comes before the main logo and also the name of the company. When typing the combination @ mail.ru, the space after @ is reduced, in accordance with the brand logo.

Creating a font for Mail.ru Group logo setting
A special OT feature

• Visual compensation, for which we tried to find a compromise throughout the entire cooperation —— letters with rounding. Mail.ru Group wanted to see a geometric font with a real circle, but we chose the format with visual compensation, in which the letter looks round, but does not get bold in the connecting parts. As a result, we were able to find an option that suited both parties. The same applied to letters with arches, that is, m, n, h, з and others.

Creating a font for Mail.ru Group logo setting
Visual compensation in glyphs m n h з а

At the final stage, technical preparation took place, kerning, which allowed the letters to perfectly match each other. Then we created font info and a technical review of the font file. All these processes were approved quickly, as by that time we had already reached complete mutual understanding.

Creating a font for Mail.ru Group logo setting
Full character composition

Epilogue.

In March 2020, Mail.ru Group accepted the final version of the completed font for a set of logos. We ended up with a font based on the mail.ru logo, which the client uses to type logos in all of their services. The font became part of their corporate identity and fits perfectly into the brand concept.

Creating a font for Mail.ru Group logo setting
Final variant of the internal services logos

Perhaps this story is a good example of how large projects are born from a small task in a dialogue, and everything ends well. The main thing is that each process participant is passionate about their work and is ready for any professional challenges.

We have established a trusting relationship with Mail.ru Group, and who knows, maybe one day we will tell you another story of cooperation with new challenges and discoveries?

Creating a font for Mail.ru Group logo setting
Final variant of the company’s logo

People involved in the project:

• Vika Usmanova and Marina Khodak —— first stage designers.

• Yulia Gonina —— second and third stage designer.

• Victor Rubenko —— technical specialist.

• Irina Tatarskaya —— project manager.

• Ivan Gladkikh —— project manager.

• Evgeny Dolgov —— lead designer of the Mail.ru Group brand team.

• Mitya Osadchuk —— creative director of Mail.ru Group.

• Yuri Vetrov —— former design director of Mail.ru Group.

Latest publications

How to Choose the Best Infographic Fonts: Сomprehensive Guide

How to Choose the Best Infographic Fonts: Сomprehensive Guide

Infographics is a versatile and convenient tool that finds application everywhere: business, advertising, science, journalism, and more. This is a powerful way to communicate information in a simple, visual manner. Why is it so essential to choose the right font for your infographic, and how to do this? How do you pair fonts with each other? What fonts work best for marketplace infographics? Read on to find out!

See more
On Opposite Sides: Wide and Narrow Fonts

On Opposite Sides: Wide and Narrow Fonts

Wide and narrow fonts are among the newest trends in typography, graphic design, and web design. At first glance, some may seem odd and awkward, but when thoughtfully applied, they can infuse a project with freshness, boldness, relevance, and strength. What are narrow and wide fonts, what variations do they come in, and where are they used? Let’s explore this together in this article.

See more
How do you add a font to your computer? 

How do you add a font to your computer? 

How to install a new font on a PC? Users and designers face this question very often. Rest assured, there is nothing tricky in this process! This article provides a step-by-step guide to help you understand how to install downloaded fonts correctly on Windows and iOS-powered computers.

See more
Font Licensing: Complete Guide for Designers and Business Clients

Font Licensing: Complete Guide for Designers and Business Clients

In this article, you will find out what types of font licensing exist, how to choose a suitable font license and use it, how to verify and buy a commercial font license, and how to avoid unpleasant typeface licensing issues whether you are a designer or a client.

See more
Kerning, Tracking, Leading & Spacing in Typography: What’s the Difference?

Kerning, Tracking, Leading & Spacing in Typography: What’s the Difference?

Even seasoned designers sometimes mix up the concepts of kerning, tracking, spacing, and leading. Become a pro at distinguishing them! Learn the definitions of these concepts, explore their differences, and discover some helpful tips on how to use them while working on your fonts.

See more
Branching out: How Scandinavian Sans TT Firs Grew and Found Its Font Pair

Branching out: How Scandinavian Sans TT Firs Grew and Found Its Font Pair

In 2023, we breathed new life into the beloved Scandinavian sans serif TT Firs Neue by dramatically refining and renewing the typeface to comply with cutting-edge standards. Soon after, we introduced the text font pair for this typeface – an elegant TT Firs Text. This article is dedicated to how it all began, why we decided to update TT Firs Neue, what we added and modified, and how TT Firs Text was born.

See more
Top 10 Typography Trends of 2024

Top 10 Typography Trends of 2024

We live in a time when trends shift nearly every day, and typography design trends are no exception. We all encounter typography daily: on the web, in supermarkets, and on shop windows and signs. Outdated design, at the very least, induces boredom; at worst, it fosters distrust in the product or service. However, trendy design looks captivating and attractive.Experts and designers from the TypeType font studio are excited to share the key type trends of 2024 with you in this article. Stay trendy!

See more
15+ Best Magazine Fonts for Perfect Editorial Designs

15+ Best Magazine Fonts for Perfect Editorial Designs

Magazines are a perfect backdrop for typography to express all its dimensions. Fonts, in this case, not only communicate information but also directly influence the design. They deliver the magazine’s message, reflecting its values and ideas. In this article, we discuss how to choose the best magazine font and compile a list of 15 relevant options for editorial designs on various themes.

See more
UniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement

UniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement

Welcome to the ninth lesson of our «UniversiTTy»! In this series, we guide you through the process of font design step by step. The font is a cohesive visual system. This can be seen on all levels: global (font type, weight, proportions, contrast, general forms) and at lower scales that encompass all graphic choices in individual characters. Let’s find out together how visual details influence the overall perception of fonts.

See more

See more

Customization of TT Hoves for the legendary brand Telefonica

Customization of TT Hoves for the legendary brand Telefonica

The TypeType team was approached by the Spanish telecommunications company Telefonica with a request to customize the TT Hoves font. Telefonica is one of the largest raditional and mobile phone companies in the world.

See more
Variable fonts: What’s new in them for designers?

Variable fonts: What’s new in them for designers?

In this article we will tell you about variable fonts and what an interesting and useful, yet underrated instrument they are. We will also mention their disadvantages and nuances of working with them.

See more
Font customization

Font customization

It often happens that existing fonts do not correspond to the needs of a certain project. But font is not a static instrument that functions only the way it was created. To convey the company’s individual style, the font can and should be adapted and customized to one’s needs that may range from simple changes like diminishing the character composition to complex design changes in all glyphs.

See more
Converting TT Hoves Medium into an adapted TT Hoves GDTI

Converting TT Hoves Medium into an adapted TT Hoves GDTI

Monospace, a branding agency from Germany, creates corporate identities and designs for projects. The company believes that through design it is possible to create a brand though which customer interactions will be enjoyable and long-term.

See more
Corporate font for the Red Collar

Corporate font for the Red Collar

In this article we will tell and show how we created the corporate font for the Red Collar digital agency. The spirit that the client wanted to see in the font would be supposed to reflect the agency’s self-positioning: “It’s technological, but affordable; it is brave, bold, but fully responsible for the result”.

See more
TT Ricordi creation story

TT Ricordi creation story

The TT Ricordi font family is a collection of three display heading antiquas designed to significantly diversify the traditional font palette. With that, all three fonts are close in thickness and similar in their character compositions and are featured in the uppercase set and the small capitals set, which replaces lowercase characters.

See more
TT Autonomous creation story

TT Autonomous creation story

Today we want to share with you the short story of the TT Autonomous font creation. We’ll tell you what inspired the designers and what types of fonts are included in the family.

See more
Changing glyph sizes in TT Commons™ Classic

Changing glyph sizes in TT Commons™ Classic

PluralSight has asked TypeType for trial versions of the TT Commons™ Classic and TT Interphases fonts to choose a suitable one. They were attracted by TT Commons™ Classic, but the non-standard size of glyphs made the font unsuitable for several directions.

See more
Font hinting: From first developments to use in practice

Font hinting: From first developments to use in practice

In this article, we will tell you the history of font hinting development. We will share our own experience of working with fonts and explain what tasks hinting solves.

See more