Common Coffee Drink Recipes Explained
You walk into a coffee shop and stare at the menu: Cappuccino? Latte? Macchiato? What’s the actual difference—and how are they really made? Whether you’re ordering or pulling shots at home, knowing the right ingredients and ratios turns a guess into a great cup.
Every classic espresso-based coffee has a fixed recipe: a specific shot count, milk volume, milk texture, and sometimes chocolate or water. This guide covers nine drinks—Espresso, Americano, Macchiato, Cappuccino, Latte, Mocha, Flat White, Au Lait, and Hot Chocolate—each with its exact standard brew method, milk type, temperature, and common variations.
What Is an Espresso?
The espresso is the base of nearly all espresso-based drinks. It’s a 25–30ml (1 oz) shot brewed under 9 bars of pressure using finely ground coffee and hot water at around 90–96°C. A standard double shot uses 18–20g of coffee and extracts in 20–30 seconds, producing a rich, concentrated coffee with a thick crema on top. Most cafés pull either a single (about 30ml) or double (about 60ml) shot as the foundation for other drinks.
How to Make an Americano
An Americano is a diluted espresso—simple but easy to mess up. The traditional method uses a 30ml (1 oz) double espresso topped with 150–200ml (5–7 oz) of hot water, served at around 60–70°C. That’s it. Some cafés adjust the water amount, but the key is starting with a proper espresso base. Avoid just pouring espresso into hot water; always extract first, then add water to preserve crema and flavour balance.
What’s the Difference Between a Macchiato and a Latte?
A Macchiato, meaning “stained” or “marked,” is a single or double espresso (30–60ml) “marked” with a small amount of steamed milk—just 10–20ml—to slightly lighten the colour. It’s not a mini latte. In contrast, a Latte (short for Caffè Latte) is a double espresso (30–60ml) combined with 200–300ml of steamed milk and a thin layer (2–5mm) of milk foam. That’s your base for understanding all the milk-forward drinks.
What’s in a Cappuccino?
A Cappuccino is equal parts espresso, steamed milk, and foam: typically a 30–60ml double espresso, 150–180ml of steamed milk, and 2–3cm (1 inch) of dry foam on top. That makes the total drink around 220–240ml. The milk is textured but not overly stretched, and the foam gives it a light, airy texture. Served in a 150–180ml cup, it’s stronger and foamier than a latte.

How to Make a Mocha (Mochaccino)
A Mocha (or Mochaccino) blends coffee and chocolate. Start with a double espresso (30–60ml), add 15–30ml of chocolate syrup or hot chocolate, then pour in 150–200ml of steamed milk. Top with 2–5mm of milk foam and, optionally, whipped cream and cocoa powder. The drink balances bitter espresso, sweet cocoa, and creamy milk. It’s basically a latte with added chocolate, and it’s often served in the same cup size as a latte or cappuccino.
What Is an Au Lait?
An Au Lait is made with brewed coffee instead of espresso. It’s traditionally a 1:1 ratio of hot brewed coffee (often filtered or drip) to steamed milk. There’s no espresso, no foam, just smooth, milky coffee. Though less common in specialty shops, it’s similar in concept to a Latte—but made with regular coffee instead of an extracted shot. The milk is gently steamed, not frothed into foam, resulting in a lighter texture than a cappuccino or latte.
How to Make Hot Chocolate (Not a Mocha)
Hot Chocolate is a standalone drink: made purely from melted chocolate or cocoa powder, milk, and sugar—no coffee involved. Standard recipes use 15–30ml of chocolate syrup or 20g of high-quality dark or milk chocolate melted into 200–250ml of steamed or heated milk. Optional toppings include whipped cream or marshmallows. While cafés sometimes add espresso to make a Mocha, pure Hot Chocolate is just chocolate and milk. It’s served hot, usually around 60–70°C.
Frequently Asked Questions
What’s the correct espresso shot size and time?
A standard espresso shot is 30ml (single) or 60ml (double), using 7–10g or 18–20g of coffee respectively, extracted under 9 bars of pressure with water at 90–96°C. A double espresso should take 20–30 seconds to pull and produce a rich shot with a thick crema.
How much milk goes into a Cappuccino vs Latte?
A Cappuccino has equal parts espresso, steamed milk, and foam: around 30–60ml espresso, 150–180ml steamed milk, and 2–3cm of foam, totaling 220–240ml. A Latte uses 30–60ml espresso with 200–300ml steamed milk and just 2–5mm of microfoam, for a total around 250–300ml.
What’s the difference between a Macchiato and a Cortado?
A Macchiato is an espresso “stained” with a small dash of steamed milk (10–20ml), keeping it mostly black. A Cortado is a 1:1 ratio of espresso to warm milk (around 30ml each), with little to no foam, and is served in a small glass. They’re both strong but prepared differently.
Can I make a Mocha without espresso?
No. A true Mocha includes espresso as its coffee base. Without espresso, it’s just hot chocolate. Some cafés offer mocha-flavoured drinks without espresso, but that’s not traditional. For an authentic Mocha, you need espresso plus chocolate and milk.
Why does an Americano taste different from espresso?
An Americano dilutes the espresso with hot water, softening the intensity and opening up flavours. Without the crema and concentrated body, it tastes lighter but cleaner. The water temperature and pour method affect the final result.
Recommended FrontStreet Beans for Espresso Drinks
For authentic espresso-based drinks like Cappuccino, Latte, and Macchiato, start with FrontStreet Coffee’s Classic Blend—a carefully crafted house blend built for crema and balance. It features the traditional Mannaro-Brazil profile with smooth body and rich tones, ideal for milk drinks. For a more intense, chocolatey option, try the Black Cocoa Blend, which offers bold flavour at a great value, perfect for Mocha or Americano. Both blends are optimized for home and café machines, ensuring great crema even with non-commercial gear. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.
FrontStreet Coffee is a long-established specialty coffee roaster in Guangzhou China, selling freshly roasted beans from its own farm in Yunnan as well as dozens of carefully selected single-origin beans from around the world for both pour-over and espresso. The products deliver consistently excellent quality and great value, with shipping within 24 hours. Guangzhou's FrontStreet Coffee shop is recommended by many coffee lovers, and the beans are now available online at the Tmall 。
Important Notice :
前街咖啡 FrontStreet Coffee has moved to new addredd:
FrontStreet Coffee Address: 315,Donghua East Road,GuangZhou
Tel:020 38364473
