FontDiscovery

Share this post

FontDiscovery šŸ–¼ļø 115: Reviewing Instagram's Rebrand

fontdiscovery.typogram.co

FontDiscovery šŸ–¼ļø 115: Reviewing Instagram's Rebrand

Hua Shu
Mar 28, 2023
3
Share

Hi Everyone šŸ‘‹

Hope you had a fantastic weekend and a great start to the week!

Last week for me was challenging. My productivity tanked, and I couldn’t get a lot done. We are heading to a grant launch for Typogram in a few weeks, and I felt so guilty and terrible. After taking some time to walk outside yesterday, I reminded myself that this is a new week with a new start. I once heard (or was it a tweet?) that your ā€œbestā€ every week looks different - it was something I have to remind myself of constantly in the last couple of days... If you are feeling guilty about being unproductive – forgive yourself~✨

This week, enjoy one of my favorite posts on branding from the archive about Instagram ( an app I still haven’t learned to love šŸ™ˆ).

instagram rebrand cover

Do you have a friend who could profit from the weekly design tips, just like you do? Please consider forwarding or sharing FontDiscovery with your friend by clicking on the button down below.

Share FontDiscovery


In previous posts, we talked about Facebook's rebranding and the design of tech logos. Just recently, another Meta company, Instagram, rebranded. Let’s dig into Instagram’s brand history and analyze its new rebrand. As always, please let me know what you think!

Instagram’s Brand History

Skeuomorphism & Post-Skeuomorphism

Like its brother of the same Meta father, Instagram also had its deep share of controversies. From its effect on mental health in teens to how it deals with privacy and data. But unlike its big brother, who flirted with numerous instances of rebranding, Instagram's branding history had only two clear and significant phases: Skeuomorphism and Post-Skeumorphism (Flat 2D).

Skeuomorphism is a design trend where designs have cues mimicking their real-life counterparts. It was popular in the 2000s and used everywhere. Instagram's early logos were Skeuomorphism logos.Ā 

The original founder, Kevin Systrom had created the first iteration of the Instagram logo before asking help from a designer to simplify and turn it into the more recognizable polaroid camera logo. The skeuomorphic polaroid camera logo became an insta-classic.Ā (get it?)

the most shocking ios update
Instagram logo tweaks. source: 1000logos
Instagram logo tweaks. source: 1000logos

Share

In 2016, Instagram rebranded to the design we know today. It shocked the world with the sudden transformation from an iconic Skeuomorphism logo into a minimalist flat 2d icon. Though it was time for Instagram to rebrand, most people weren't ready to let go of the iconic Skeuomorphism logo. Perhaps that's why Instagram launched a muted ā€œvisual refreshā€ this time rather than a total rebrand. Using its wisdom from a hard-learned lesson, Instagram is carefully testing out the water.Ā 

Instagram branding’s drastic change in 2016. Source:Ā Medium
Instagram branding’s drastic change in 2016. Source:Ā Medium

The "Visual Refresh" RebrandĀ 

In this rebrand, Instagram focused on updating three parts:Ā 

  • Fonts

  • Brand Color (Gradient)

  • LayoutĀ 

Let's look at each of these parts closely.

A New Brand Typeface

A significant update for Instagram's rebrand this time is a brand new, custom brand typeface, Instagram Sans, which includes three styles:

  • Instagram Sans Regular – A friendly sans serif for small text and paragraphs

  • Instagram Sans Headline – A more flavorful, quirky display font with script influences, a homage to Instagram's logo from the Skeuomorphism period.

  • Instagram Sans Condensed – The narrow-width alternative to Instagram Sans Regular

Instagram Sans Family. source: instagram
Instagram Sans Family. source: Instagram

Share

Visually, Instagram Sans is friendly, geometric with script influence – A rare aesthetic combination of geometric ideals and man-made calligraphic characters. The in-between circle and rectangle geometric shapes are found throughout the letter forms. This intentional style choice is based on the "squircle," the rounded rectangle in the logo, part of Instagram's brand DNA.

Upon first look, I like Instagram Sans. I was pleased to find out that the same designers created Space Mono, a font we reviewed previously. As a brand font, Instagram Sans feels unique and personal with its eclectic combination of geometric and human-style characters. I think it did justice to a social media app looking to invite users to share their lives. At the same time, the script influence nodded to the app's brand history.

Instagram’s squircle
Instagram’s squircle
beautiful script influence in Instagram sans
Beautiful script details in Instagram sans, especially in theĀ ligatures
Beautiful script details in Instagram sans, especially in the ligatures
More script details

Share

Brand Gradient RefreshĀ 

In the Post-Skeuomorphism era, the magenta/orange/yellow/purple/blue gradient became the most recognizable part of Instagram. The gradient's usage was limited and mainly on an alternate logo and as a visual cue and highlight. This is what the head of design said about the use of colors in 2016 rebrand:

While the icon is a colorful doorway into the Instagram app, once inside the app, we believe the color should come directly from the community's photos and videos.

— Ian Spalter, Head of Design, Instagram

In this current rebrand, Instagram updated its gradient. While the gradient still rests on the same color spectrums, Instagram tweaked the brightness and added more "fluidity" to the colors. It also plans to expand the gradient's usage to "3D" spaces –– exactly how Instagram plans to use the fluid gradient in new ways will be a mystery that unravels itself in due time.Ā 

Meanwhile, the brightness of the gradient is attracting attention, unfortunately, not the good kind.

instagram screen brightness issue

Share

Community Centric LayoutĀ 

Our layouts mirror the app: confident and simple, placing community and content at the forefront.

Brand guideline, Instagram

Layout is a more exciting aspect to me than the gradient. With this update, Instagram pushes out a more fluid grid system for content. It's no longer sticking to square, but in portrait and landscape too, and sizes in between. There is also a rumor: Instagram is adopting aĀ full-screen content feed similar to Tiktok's "for your interest" feed when users initially enter the app - how the new grid will play out in this will be interesting.

Instagram’s new plans for grid
Instagram’s new plans for grid

Eye of the Beholder?

For social media apps, the competition for attention is fierce out there. To many users, Instagram is no longer the apple of the eye – that throne now belongs to Tiktok, the more "authentic" app with rapid growth.

In general, when companies don't feel comfortable with making an immediate change to their brands, they do a "visual refresh" - small changes that can be incremental.Ā 

In the end, I think this update was successful because it generated enough buzz without making too many changes to Instagram's branding. With this visual refresh, Instagram might be slowly rolling out more small visual updates in the future - perhaps following the footsteps of Facebook, the big brother. We'll see.Ā 

3
Share
Comments
Top
New
Community

No posts

Ready for more?

Ā© 2023 Hua Shu
Privacy āˆ™ Terms āˆ™ Collection notice
Start WritingGet the app
SubstackĀ is the home for great writing