Zoomed-in success: web fonts used by Unicorns

Learning from the Best….

When I decided to build my own app, I realized how far I am from web-design world (and from legal, and from accounting). As soon as I opened JustInMind and draw my first orange rectangle, I didn’t know what’s next — which font should I use?!

Damn question for many, but a big problem for me. Would be funny if my product failed starting with my bad taste for fonts. Success is in the details and small things (and big things).

So instead of reading 50 the same copyrighted blogs, I decided to do a mini research — what do Unicorns do? Which fonts do they use in their well-designed products?

Here’s some data if you’re still interested:

AirBnB

  • font-family: Circular,”Helvetica Neue”,Helvetica,Arial,sans-serif;
  • font-size: 14px;
  • line-height: 1.43;
  • color: #565a5c;
AirBnB Listing Description and filters

Dropbox

  • font-family: “Open Sans”,”lucida grande”,”Segoe UI”,arial,verdana,”lucida sans unicode”,tahoma,sans-serif;
  • font-size: 13px;
  • color: #3d464d; (file names)
  • color: #2895F1; (links)
  • font-weight: normal;
Dropbox File names and links

Pinterest

  • font-family: ‘Helvetica Neue’, Helvetica, ‘ヒラギノ角ゴ Pro W3’, ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, ‘MS Pゴシック’, arial, sans-serif;
  • color: #333;
  • font-size: 13px;
Pinterest Description

Slack

  • font-family: Slack-Lato,appleLogo,sans-serif;
  • color: #2c2d30;
  • font-size: 15px;
Slack Message Board

Eventbrite

  • font-family: ‘Helvetica Neue’,Helvetica,Arial,sans-serif;
  • font-size: 17px;
  • color: #404040;
Event description in the title

And for the collection — Medium post font

  • font-family: “medium-content-serif-font”,Georgia,Cambria,”Times New Roman”,Times,serif;
  • font-size: 21px;
  • color: rgba(0,0,0,0.8);

So what?

Nothing, really. Just a research.