The personal site of
Photo of Lokesh Dhakar
Lokesh Dhakar

Coffee drinks illustrated

Side-by-side diagrams of a few common espresso drinks

I'm new to the world of fancy coffee drinks. With the vast number of ordering options and new words with accented characters to pronounce the coffee shop ordering experience can be intimidating. I've created a few small illustrations to help myself and others wrap their head around some of the small differences.

About espresso

Espresso is prepared by forcing pressurized steam through finely ground dark-roast coffee beans. Think of it is strong, concentrated coffee. You can add extra 'shots' of espresso to make your drink stronger.

Diagram of ingredients of nine popular espresso based coffee drinks including cappuccino and latte.

About the diagrams

I gathered most of my information from Wikipedia and tidbits from other online sources. Know that drinks might be prepared a bit differently coffee shop to coffee shop, and especially country to country.

Enjoyed this post? Share it!

TweetShare on Facebook

About the Author

Lokesh Dhakar. Designer and developer living in San Francisco. Previously Engineering Lead of Web Team at Getaround. Creator of two popular open source projects: Lightbox and Color Thief. Maker of this coffee drink illustration which made the rounds.

Follow me on TwitterEmail me