RATIO·BAR
Coffee, quantified
“Cappuccino, extra sugar, extra caramel”

Every espresso drink is just one recipe with three sliders.

Espresso, steamed milk, milk foam. Change the ratio and you change the drink’s name — and its calories. Build your order in 3D below and see the exact numbers a barista is working from.

Drag to rotate the cup · layers update live

Espresso60 ml
Steamed milk60 ml
Milk foam60 ml
Classic ratio1 : 1 : 1
0
Total kcal (whole milk)

The ratios, precisely

A traditional cappuccino is thirds: ~60 ml espresso (a double shot), ~60 ml steamed milk, ~60 ml foam — served at 150–180 ml. A latte stretches the same double shot with 200–300 ml of milk and only ~10 mm of foam. A flat white sits between (about 1:2 with velvety “microfoam”), and a cortado is a strict 1:1. Same machine, same beans — the milk math is the whole menu.

Temperature matters: milk is steamed to 55–65 °C (131–149 °F). Above ~70 °C, milk proteins denature and sweetness collapses — which is why over-steamed milk needs added sugar to taste like anything.

~63 mg
Caffeine in a single 30 ml espresso shot. A cappuccino on a double shot ≈ 126 mg — similar to drip coffee, in a fifth of the volume.
4.8 g
Natural lactose sugar per 100 ml of milk. A latte is already “sweet” before any syrup touches it.
55–65 °C
Ideal steaming window. Lactose perceived sweetness peaks here; scalding kills it.

What “extra sugar, extra caramel” really adds

Each teaspoon of sugar is ~16 kcal; each pump of caramel syrup is ~20 kcal and ~5 g of sugar. Order a cappuccino with 2 extra pumps and 2 sugars and you’ve added ~72 kcal — roughly doubling the drink’s energy — without changing its name. Espresso itself is nearly free: a double shot is about 5 kcal. In any espresso drink, almost every calorie is milk and syrup, which is why the same order in oat, skim, or whole milk can vary by 80+ kcal.

Enjoy this tool? Build your own with Super