Opinions on corporate and brand identity work.

A division of UnderConsideration.








Share ›

New Logo and Identity for Tumblr by Dinamo and In-house
 

before

after

Reviewed Aug. 13, 2018 by Armin

Industry / Web Service Tags /

Launched in 2007, Tumblr is a microblogging platform that allows users to quickly and efficiently post images, text, and video that, at the time, served as an alternate to the slightly more complex blogging platforms, WordPress and MovableType. During the late 2000s and early 2010s, it was one of the most prolific platforms for art, design, and pretty much every serialized musing imaginable, including gems like Garfield Minus Garfield as well as propagating many of the design trends of the time. Tumblr was purchased by Yahoo (now Oath) in 2013 and in recent years has lost some its traction to platforms on different mediums, including Medium, Giphy, Snapchat, and Instagram. Still, Tumblr is home to a cumulative 430.3 million blogs and 163.5 billion posts, making it a significant chunk of the internet — those numbers would be more interesting if they reflected active blogs as people like me start and abandon blogs with reckless abandon. Perhaps the number of active blogs is significant enough for Tumblr to go through the extensive exercise of redesigning as it recently rolled out a new logo and identity designed in collaboration between Tumblr’s in-house design group and Basel, Switzerland-based Dinamo.

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.

Dinamo project page

New Logo and Identity for Tumblr by Dinamo and In-house
Logo.
New Logo and Identity for Tumblr by Dinamo and In-house
New Logo and Identity for Tumblr by Dinamo and In-house
Before and after comparison.
New Logo and Identity for Tumblr by Dinamo and In-house
Color variations.
New Logo and Identity for Tumblr by Dinamo and In-house
Sub-brands.

The before and after logos could be easily interchangeable and I don’t mean that in a dismissive or sarcastic way: it could easily be rationalized that the logo needed softer corners or hard corners, that tapered slabs are better than straight or that they are not, that it needed a ball terminal on its “r” or that it didn’t, that the period is great or it isn’t. Both are fine, both are acceptable solutions. Visually I like the new one better, it has a crisper appearance and the removal of the period makes the logo more open-ended; I never liked that the logo looked like a one-word sentence that started with lowercase. It now looks more mature as well and it pairs very well with the new type family.

We partnered with our friends at Dinamo to customize their typeface, Favorit, to our specific needs. We chose the font for its friendly yet commanding personality that successfully balances foundational sans serif attributes with assertive, contemporary geometry.

We cut new characters, interpolated new weights, introduced new punctuation and scaled its overall appearance.

We sought out to develop a typeface that is both functional and expressive, accounting for all of our brand and product needs. We required a typeface that would compliment our logo, while feeling differentiated against competitor products and brands. And finally, we needed a typeface that is neutral enough to represent a diverse mix of communities, individuals, and interests.

Tumblr Medium post

New Logo and Identity for Tumblr by Dinamo and In-house
New Logo and Identity for Tumblr by Dinamo and In-house
Custom font.

At the core of the reboot is a new type family that, at first glance (and, well, at second and third glances), is just another Humanist sans serif that looks like a dozen others. I’ll admit that there is something particularly nice about this one; it has some very pleasant proportions that were updated to work with those of the letterforms in the logo. What makes this typeface stand out from the overwhelming abundance of sans serifs in the world is the introduction of a “lining” style.

The lining weight interacts with the font’s descenders in a playful but methodical fashion, which has been particularly useful across product explorations; allowing us to differentiate usernames, hashtags, and links from other words.

Tumblr Medium post

New Logo and Identity for Tumblr by Dinamo and In-house
New Logo and Identity for Tumblr by Dinamo and In-house
New Logo and Identity for Tumblr by Dinamo and In-house
“Lining” weight examples.

The aesthetic created by mixing the lining style with the regular styles is very Tumblr-esque: it’s quirky, it builds on a trend, and it deploys it in a way that feels new (for now, at least, until it’s aped endlessly). I think this manages to push the generic sans trend in a new direction that may not feel entirely groundbreaking but one that not any company could pull off. The image directly above, to me, is a great example of the new Tumblr brand expression: functional for the most part but just a tad disfunctional to throw things off balance and gain attention.

New Logo and Identity for Tumblr by Dinamo and In-house
Guidelines.
New Logo and Identity for Tumblr by Dinamo and In-house
Motivational guidelines.
All of our invitations stem from a centralized system that creates space for each community to be represented authentically, while delivering information clearly and consistently.

Tumblr Medium post

New Logo and Identity for Tumblr by Dinamo and In-house
Invitations.
New Logo and Identity for Tumblr by Dinamo and In-house
Stuff.

In application, things get extra Tumblr-y… with hip, Brutalist layouts; too-cool-for-school illustrations and photos; and an overall if-you-have-to-ask-you-don’t-get-it attitude. All of which, to be honest, is cool and entertaining to look at.



Varios animations.
Identity presentation.

Overall, this redesign successfully positions Tumblr as a kind of fringe-yet-mainstream platform that celebrates what made it successful in the first place and what may keep it afloat against the competition.

Thanks to Nicolas for the tip.

Your opinion…

On Logo


Total

On Custom Font


Total

On Application


Total

Comments


Logo Before & After
Sample Application

Share ›

Spotted Around the web


Pinned Recent, Big Stories


Curated Soccer Fever