Loading video...
Video Failed to Load
💥New work for Superhuman (@Grammarly & Coda (Superhuman Docs))💥 It’s a cursor, it’s a cape, it’s an incredibly complex identity system! So your company acquires another company and now you're changing your name to the smaller company. Let's dig in. Full case study
258,538 views • 1 year ago •via X (Twitter)
51 Comments

@Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction The name change: Grammarly, while a wonderful name, has it limits when it comes to growing, it kinda ends at grammar. Superhuman is the name of the new parent org. It's much bigger than grammar & more powerful/future oriented. Now they can add sub-co's with more consistency.

@Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction The new symbol: We started by trying to make a simple see-say symbol. So when you see the symbol you say the name. Started drawing cursors. Digital tool. Digital shape. Then I noticed the cursor looked kinda like a cape. Put a dot on top of it & holy hell…it’s a superhero!

@Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction This symbol was designed with motion in mind from the very beginning. This was going to be living in the digital space so we knew that motion was extremely important. We even showed motion tests in the R1 presy. These 2 shapes could become just about anything you could imagine.

@Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Wordmark: Now we needed a wordmark to match the power of the symbol. @Superhuman Mail already had some great equity in their elegant tracked out logo so we built on that. We updated the typeface with an A that felt cape-like and customized the P+R to have some forward momentum.

@Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Since this is a digital first product, we knew we needed to get the type just right. We got a custom cut of the Messina superfamily by Luzi Type aptly named Super Sans, Super Serif, & Super Mono for use across all the different platforms. Best used interchangeably.

@coda_hq @JustinLawes @UprightTRex @Smith_Diction We also made some brand moves that put the “art of the process” front & center. We wanted to make some brand art that wasn’t just like “Emails. Faster.” So instead we did way too much. You’ll have to read the case study to get the full picture on this.

@coda_hq @JustinLawes @UprightTRex @Smith_Diction This is just the beginning of what’s in store for the @SuperhumanHQ brand. For everything you see here there were 400 versions that didn't make the cut. It was a labor of love & I'm proud of both teams for giving their all. Read the full case study here

@coda_hq @JustinLawes @UprightTRex @Smith_Diction @SuperhumanHQ Huge shout out to @JustinLawes for his help with all of the animations. He made an entire 2.5 min announcement vid completely by himself + @UprightTRex with the custom soundtrack. And to my team! @charamelody, @summcclure, @dayandaniello, Tully Ryan, Caleb Sun, @gavinpotenza

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction The wave at the end was perfect.

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Heater, really nice work Mike

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Thank you brother.

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction looks great. I can't wait to copy this

@Smith_Diction have y’all ever considered not going ham for once

@Smith_Diction Ham, it's what's on the menu!

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction ahhh this is so beautiful, big fan of the logo animation. Crushing it once again 👏

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Absolutely brilliant in every way. What a swing. Take a nap! 👑

@Superhuman @coda_hq @JustinLawes @UprightTRex @Smith_Diction Lololol I need more than a nap. I need hibernation.

@Superhuman @coda_hq @JustinLawes @UprightTRex @Smith_Diction let's go grab a coma this weekend

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction So funny yesterday I thought this had a S&D vibe but didn’t see you post. You nailed it

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Thanks man! I always wonder what it is that feels like us. Can't put a finger on it. Maybe it's just colorful backgrounds with blending modes lol.

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction You guys nail textures and supporting imagery. Seems like most just stay away without exploring too much

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction A design run for the ages

@Superhuman @coda_hq @JustinLawes @UprightTRex @Smith_Diction Thank you dad!

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Your work is amazing, my eyes are so blessed to see it 🥹

@Superhuman @coda_hq @JustinLawes @UprightTRex @Smith_Diction Love everything, from the idea to the result... Love to see such an impressive, high-quality, and inspiring identity🔥 That logo mark is my favorite now😍

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction @mikesmith187 incradible work 👏🏻 how did you acquire grammarly as a client? Give us some tips!

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction the hand wave in the end was such a nice touch, brought smile to my face lol. overall banger work as always

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction major – that launch reel is insane ⚡️

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction This is so good

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction I freakin knew it!! Nice job Mike 👌🏼

@Superhuman @coda_hq @JustinLawes @UprightTRex @Smith_Diction Thank you my man!

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Whoa 👏

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Lovely rebrand imo. It’s always nice to see the thoughts behind a brand work

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Dope stuff once again, Mike! 🔥

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction it was youuuuu

@Superhuman @coda_hq @JustinLawes @UprightTRex @Smith_Diction Twas

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction loooove. So good man. Keep it coming! 🔥

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Amazing work 😍 can’t stop looking at it

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction The vibecoded internal tools are perfect to make sure that the system works! Have to try bulding myself some of these pattern generation tools

Cc: @SuperhumanHQ

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Realllly impressive work 👏🏽

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Oh MAN 🔥🔥

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction One of the best case studies I saw recently 👏 (Superhuman Productions in credits got me)

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Amazing work! I especially want to note those stunning animations. A pleasure for the eyes 😍

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Such great work! Love how the implementation and animations came together 👏

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction absolutely love this!

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction I'm in awe. Incredible work, better case study. Congrats to the team.

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Really great stuff Mike!

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction very fun. nicely executed!

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction Great! The symbol gives so much possibilities to play with.

@Superhuman @Grammarly @coda_hq @JustinLawes @UprightTRex @Smith_Diction elite work per usual 🤌🏽


