• Typefaces
  • 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...