Tumblr

Dinamo Tumblr 08 Sandale
  • Year:
    2018
  • Timing:
    18 months
  • Team:
    Johannes Breyer
    Fabian Harb
    Robert Janes
  • Domain:
    Arts & Culture
    Technology
  • Medium:
    Typeface
    Type Consulting
    Technology

As part of the most recent redesign of Tumblr, we updated its iconic logo and developed a custom typeface for the platform.

For this new typeface, we partnered with Tumblr’s in-house creative studio to customize our own font, ABC Favorit. This involved cutting new characters, interpolating new weights, introducing rounded punctuation, and scaling the typeface’s overall appearance. Tumblr’s team built a standalone iOS tool to support the testing of various iterations and optimizations of the design.

In order to stylistically align with the custom typeface, we recut the t and r characters of Tumblr’s logo. Other letters received smaller updates: We cleaned up overly subtle features and imbued the forms with a crisper, more architectural feel. Eliminating curved intersections helps optimize the logo for small screens—no matter what size, it doesn’t lose its essence. Most notably, we strategically removed the logo’s period, so that the new logo and typeface can integrate in an open-ended way across all platforms and contexts.

We were looking for 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. We chose ABC Favorit for its friendly yet commanding presence, which successfully balances foundational sans serif attributes with assertive, contemporary geometry. It was a tall order, but Favorit-Tumblr delivered.Doug Richard
Creative Director, Tumblr

Tumblr began quietly implementing the first cuts of Favorit-Tumblr across its platform in June 2017. A year later, Tumblr rolled out the new logo and fully implemented Favorit-Tumblr across all of its web and app products.

Dinamo Tumblr 15
Dinamo Tumblr 03 Logo T
Dinamo Favorit Tumblr16
1i Ixx Os WZS Wx09 S2 YJ5r Yc Q
Dinamo Tumblr 06 i O Sandroid
Dinamo Tumblr 11 Custom R
Dinamo Tumblr 10 Logo Vs Type
40205034 487715765039644 2014521511399907840 n
Dinamo Tumblr 10
Dinamo Tumblr 14 Billboard
Dinamo Tumblr 18 Rotation
Dinamo Tumblr 18 Scale
Dinamo Tumblr 18 Waterfall
Dinamo Tumblr 11

The Lining style of Favorit-Tumblr links characters with descenders into an underline to create new shapes. In its default, it’s ideal for simple text highlighting. But unleash the wild and carefree Connected mode (previously known as Rock’n’Roll mode), and the initial and final characters of individual words are conjoined by an extreme underline.

The Favorit-Tumblr styles also feature distinctive glyph amendments, including custom cut characters, two sets of encircled numbers optimized for in-app use, in-line logos, expressive alternative quotation marks, and redesigned ligatures.

Dinamo Tumblr 12 Family Pack
Dinamo Tumblr 13
Dinamo Tumblr 19 App Test
Dinamo Tumblr 20 App Test
Dinamo Tumblr 21 Public Hotel
Dinamo Tumblr 24 Times Square
Dinamo Tumblr 23 Times Square
Dinamo Tumblr 25 invite
Dinamo Tumblr 26 Why

Typeface

Design: Dinamo
(Johannes Breyer & Fabian Harb, with Robert Janes)
Mastering: Chi-Long Trieu

Logo

Design: Dinamo (Johannes Breyer & Fabian Harb)
Creative Direction: Doug Richard
Art Direction: Alessandra Bautista

Brand Identity

Creative Direction: Doug Richard
Art Direction: Erik Blad, Alessandra Bautista
Design: Julianne Waber
Photography: Tumblr
Images: Dinamo, Tumblr