Logo   Advertising   Typeface   Infocenters  

The making of the SPb typeface

Overview   Process  

We need to create a typeface to go with the logo.

als saint petersburg process 01

We won’t play games with bridges hidden in letters. Taking letters from the logo and drawing the rest of the characters.

als saint petersburg process 02

Now we want to move away from the logo letters somewhat and make character shapes slightly more complex. At the same time, we need them to become more universal. Deciding to make cut-offs in certain serifs and change the shapes of several symbols. Deciding on the character shapes.

als saint petersburg process 03

Making cut-offs everywhere.

als saint petersburg process 04

Thinking which letters to turn into ligatures. Typing some texts and looking for the most suitable combinations. We come up with several ligature types: connected at the top, at the bottom and with a smooth connection.

als saint petersburg process 05

Drawing enough ligatures to ensure they come up in text often. We end up with more than 300.

als saint petersburg process 06

Good. It would make sense to turn digits into ligatures as well.

als saint petersburg process 07

We also need characters with swashes and alternative characters. Drawing.

als saint petersburg process 08

Adding circled digits.

als saint petersburg process 09
als saint petersburg process 09 02

The character set is ready. Now we need to program the typeface so that ligatures and swashes get inserted automatically. Writing the code.

als saint petersburg process 10

Fixing bugs.

als saint petersburg process 11

We don’t like the way certain combinations with alternative characters look in text. Making adjustments.

als saint petersburg process 12

The typeface can be tweaked depending on the design task.

als saint petersburg process 13

Typing some text and printing it out.

als saint petersburg process 14

Checking how the face will look in city environment.

als saint petersburg process 15

Order a design...