01
Serene · Ingredient bars
The ingredient bar from the bowl builder is now the slider. Put your finger anywhere on the bar and slide: the colored fill follows you, small dots show where the portions are, and a deep green bubble names the portion you're on. Let go and the fill slowly settles on the nearest portion. The continuous version (dressing) uses the same bar with the Sweetie gradient and reads out a percentage.
Portion
5 stops: None · Less · Good amount · More · A lot. At None the bar empties back to cream. In the bowl builder, sliding to None and letting go removes the ingredient from the list. The fill always leaves room for the name (name + 56 px, at least 34%); the stops are spaced evenly up to 100%.
Dressing
0–100%, step 1. Words cover ranges: None · Light · Just right · Generous · Drenched. At 0% the bar empties back to cream.
Live prototype: slide any bar. Slide all the way down to None and let go to remove it, or tap ×.
Track
Active fill
Value label
Motion
02
Playful · Heat & tomatoes
Toppings energy, carried over from the WK03 Playful toggle. The thumb is a Sweetie hexagon: it squashes when you grab it, springs past each stop and settles, and turns 30° every step. In the continuous tomato slider, cherry tomatoes pop onto the bar as you slide further, so you can see the amount as well as read it in grams.
Heat
5 stops: None · Mild · Medium · Hot · Fire. The bar goes from sage to tomato as it heats up, and the bubble shows one chili per level.
Cherry tomatoes
0–120 g, step 1. One tomato pops in for every 10 g. Words: None · A few · Good amount · Hearty · A lot.
Track
Thumb
Value label
Motion
03
Elegant · Avocado & olive oil
A tasting-menu feel in a single hairline, like the WK03 Elegant set. Thin ticks mark the stops, and the deep green line draws in behind a small cream ring. When you hold the thumb, a faint halo opens around it. The value is always written above in quiet type, and the label under the active stop turns to ink.
Avocado
5 stops: None · Less · Good amount · More · A lot. Labels sit under each tick; the active one turns green ink.
Olive oil
0–15 ml, step 0.5. Minor ticks every 1 ml mark the scale; a small number follows the thumb while you drag.