180512 favorittumblr%20documentation 06

New Tumblr Logo

Commissioned by Tumblr and in close collaboration with Creative Director, Doug Richard.

As part of our ongoing partnership with Tumblr’s in-house Creative team, we developed a custom typeface, “Favorit-Tumblr”, and updated their iconic logo.

For the logo, the “t” and “r” characters were recut to stylistically align with defining attributes of the custom typeface. Other letters received more subtle updates; cleaning up overly nuanced attributes, and bringing a more architectural feel to the mark.

Optimizations such as the elimination of curved intersections, helped to optimize the logo for small screens without losing its essence. And most notably, we strategically removed the logo’s period, allowing the logo and typeface to seamlessly integrate across all naming conventions.

Creative Director: Doug Richard
Art Director: Alessandra Bautista
Logo Design: Johannes Breyer and Fabian Harb

Dinamo favorit tumblr12
Logo t evolution
Dinamo favorit tumblr16
1*iixxoswzswx09s2yj5rycq
Screenshot%202018 05 05%2001.29.06
Tumblr sandal

Custom Tumblr Typeface

Additionally, we partnered with Tumblr to customize our typeface, Favorit, to their specific needs. Together, we cut new characters, interpolated new weights, introduced rounded punctuation, and scaled its overall appearance to fit their needs.

Tumblr’s internal team built a standalone iOS tool, helping to test through iterations and optimization rounds of the font.

Doug Richard, Tumblr’s Creative Director, reflects: “We were looking a font that could account for all of our brand and product design needs. We needed something that would be purely functional for UI, with a flexible personality across brand materials. We chose Favorit for its friendly yet commanding presence that successfully balances foundational sans serif attributes with assertive, contemporary geometry. It was a tall order, but Favorit-Tumblr delivered on all of our needs.”

Creative Director: Doug Richard
Art Directors: Erik Blad, Alessandra Bautista
Designer: Julianne Waber
Typeface Design: Johannes Breyer, Fabian Harb, Robert Janes
Mastering: Chi-Long Trieu

Screenshot%202018 06 01%2015.59.33
Dinamo favorit tumblr8

The Favorit Tumblr family offers screen optimised weights in both the Standard and Lining versions with corresponding italics.

Dinamo favorit tumblr

New logo and custom typeface share the same proportions and x-height.

Tumblr logo next to typeface black
Atongatem.6
Edge text snake 3
Cascading scale 1
New york vertical one color
Tumblr verticallayouts 2019.06.018

Ensuring flawless legibility across all screen sizes, UI-specific weights with corresponding italics were developed.

1*qkdxnwqtcct4 bpogjunta@2x
Tumblr mobileapp
Dinamo favorit tumblr4
Screen%20shot%202018 03 16%20at%201.16.22%20pm

Favorit-Tumblr’s Lining style contextually merges characters with an integrated underline to create new shapes. By default it’s ideal for simple text highlighting, while with the “Rock’n’Roll” feature enabled it merges all initial and final word characters with the underline in a more exaggerated way.

The Favorit-Tumblr styles feature distinct glyph amendments like: custom cut characters, two sets of circled numbers optimised for in-app use, in-line logos, expressive alternative quotation marks and redesigned ligatures.

Dinamo favorit tumblr8
Dinamo favorit tumblr10
Dinamo favorit tumblr12
Bhm
Yir
Gab vid3
Poke
Img 2469
Dinamo favorit tumblr ligatures black

Tumblr began quietly implementing first cuts of the font in June of 2017, while we continued to evolve the shapes over the following year, allowing it to mature alongside their visual language.

In June of 2018, Tumblr rolled out the new logo, soon to be followed by the full scale implementation of Favorit-Tumblr across all their web and app products.

Hannah.5
Event invites master newlogo 05
Event invites master newlogo 01
1 unxqaf9zrzg7olen us5ng edited
1 n360sdex7 kizu25lidxgw