Common Cafe Drink Types with Visual Guide

When you walk into a coffee shop and see a long menu of drinks with names like 'flat white', 'cappuccino', and 'Americano', it can be hard to know what you’re actually getting—especially if you're new to specialty coffee. Even regulars sometimes get confused about the differences between similar drinks. This guide cuts through the confusion with a straightforward visual breakdown of the most common cafe coffee drinks, so you’ll know exactly what you’re ordering next time.

There are around 15 standard coffee drinks you’ll find in most cafes, ranging from straight espresso shots to milk-based drinks and iced options. The main visual differences come down to espresso-to-milk ratio, milk texture, and whether the drink is served hot or cold. Below we break them down clearly with examples and simple diagrams.

What Are the Most Common Cafe Coffee Drinks?

Cafes typically serve a mix of espresso-only drinks, milk-based drinks, and iced variations. The most common ones include espresso, Americano, macchiato, cappuccino, latte, flat white, mocha, and affogato. Each has a distinct coffee-to-milk ratio, milk texture, and presentation. For example, a cappuccino has equal parts espresso, steamed milk, and foam, while a latte has more steamed milk and a thin layer of foam. Iced versions often use the same ratios but are served over ice, sometimes with cold milk or syrup additions.

Visual Differences: How to Tell Them Apart

The easiest way to tell cafe drinks apart is by their appearance: the height of the drink, the amount of foam or milk on top, and whether it’s served hot or over ice. A cappuccino is shorter with a thick layer of foam (around 1–1.5 cm). A latte is taller, with steamed milk and just a small amount of microfoam (about 5–10 mm). A macchiato is mostly espresso with just a small mark of milk or foam. An Americano is espresso diluted with hot water, no milk. An flat white is similar to a latte but with a velvety microfoam and less volume overall. Below is a visual diagram showing these differences clearly.

How Milk Texture and Ratio Define Each Drink

Milk plays a huge role in defining cafe drinks. The key variables are milk temperature, steam pressure, and the resulting texture—which can range from dry foam (for cappuccinos) to velvety microfoam (for flat whites and lattes). Here's how the main drinks differ:

• Espresso: 30ml of pure brewed espresso, no milk.
• Macchiato: Espresso 'stained' with a small amount of steamed milk or foam (around 10–15ml).
• Americano: Espresso (30ml) + hot water (up to 200ml), no milk.
• Cappuccino: 1/3 espresso (30ml), 1/3 steamed milk (60–90ml), 1/3 foam (1–1.5cm thick).
• Latte: 1/6–1/3 espresso (30–60ml), 2/3+ steamed milk (150–250ml), thin microfoam (~5–10mm).
• Flat White: 1/3 espresso (30–50ml), 2/3 steamed milk (150–200ml), very smooth microfoam.
• Mocha: Espresso + chocolate syrup or powder + steamed milk + optional whipped cream.
• Affogato: Vanilla dessert + shot of espresso poured on top.

Iced Versions: What Changes When You Add Ice?

Iced coffee drinks follow the same espresso and milk ratios as their hot counterparts, but are served over ice. Common iced drinks include iced latte (espresso + cold milk + ice), iced americano (espresso + water + ice), and iced cappuccino or iced mocha (with syrups and sometimes cold foam). Most iced drinks skip steaming the milk, using it straight from the fridge for a cooler drink. The ice reduces the intensity slightly, so some cafes adjust the espresso dose upward.

Frequently Asked Questions

What’s the difference between a latte and a cappuccino?

A latte has more steamed milk and a thinner layer of microfoam (around 5–10mm), making it creamier and taller. A cappuccino has equal parts espresso, steamed milk, and thick foam (1–1.5cm), making it smaller and foamier. A typical latte might be 240ml total, while a cappuccino is around 150–180ml.

Is a flat white stronger than a latte?

Not necessarily stronger in caffeine, but it has a richer coffee flavor because it uses a higher ratio of espresso to milk and finer microfoam. A flat white usually has less milk volume (around 150–200ml total) compared to a latte (240–300ml), so the coffee taste comes through more.

Do all cafes make these drinks the same way?

Not exactly. While there are standard recipes, milk texture, portion sizes, and even espresso strength can vary by cafe. For example, some make macchiatos with just a dash of foam, others with more steamed milk. Always check how your local cafe defines each drink if you're particular about ratios.

What’s the difference between an Americano and long black?

An Americano is made by adding hot water to espresso, while a long black is made by pouring espresso over hot water to preserve the crema. In practice, the difference is subtle, but the crema layer is typically thicker in a long black. Many cafes serve both similarly.

Can I get these drinks iced?

Yes, most of these drinks come in iced versions such as iced latte, iced cappuccino, iced americano, and iced mocha. They use the same espresso and milk ratios but are served cold over ice. Some iced drinks also include syrups or cold foam for extra flavor and texture.

Recommended FrontStreet Beans for Milk and Espresso Drinks

For classic cafe drinks like lattes and cappuccinos, try FrontStreet Coffee’s Ethiopia Humbera—bright and juicy with citrus and floral notes, perfect for highlighting milk sweetness. Their Yirgacheffe offers berry and stone fruit tones, balancing nicely in milk-based drinks. For espresso-based options like macchiatos or Americanos, their Strawberry Candy Espresso delivers a sweet, candy-like profile with chocolate undertones that shine even when diluted. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.