Time boxes · 5 options
Option 1 · Chips gridStyle: Swiss minimal, one blue + amber only for "Popular" · Components: 3-up pill chips by part of day, summary · Art: none · Motion: hex ripple from the touch point, press 0.97, light-up · Material: flat pills
grid 3 × 1fr, chips ≥ 48 px · taken starts are <span> with the reason ("Booked", "Only 1 hr") · one tap commits (rule 16)
Option 2 · Timeline railStyle: calm schedule, a day as a line · Components: vertical rail of 56 px hour rows, start + end tags · Art: none · Motion: the selection grows down the rail 260 ms · Material: flat, glow on the span
bar = translateY(start × 56) scaleY(hours / 12), transform only · tap a start, tap an end (the one option that picks length too) · a booked hour inside the span is refused in words
Option 3 · Glass cardsStyle: liquid-calm, A8 grainy one-hue field + A4 frost · Components: 3-up frosted time cards with price and state · Art: soft blue field, 5 % grain · Motion: press 0.97, hex ripple, light-up · Material: frosted glass over a field (the field stands in for media)
radial-gradient × 3 of color-mix(--primary / --secondary) + --grain overlay at .85 · backdrop-filter blur(18px) saturate(160%) · @supports fallback to solid
Option 4 · Segmented hoursStyle: compact iOS-like control in a card · Components: scrolling segmented start times with a sliding thumb, length stepper · Art: none · Motion: thumb slides 260 ms, starts re-compute on length change · Material: flat card, sunken track
thumb translateX(segment.offsetLeft) · "+" disables at 4 hrs, "−" at 1 hr · a start that stops fitting turns into a <span> "Only n hr" (Acuity's 11 → 10 starts)
Option 5 · Tactile keysStyle: light-modelled keypad with a readout · Components: 3-up raised keys, LED, sunken readout that lights · Art: none · Motion: keys sink 1 px + 0.97, light up, readout glows · Material: raised four-shadow keys (dark: lighter fill + border), booked keys sunk
inset top light + inset bottom shade + contact + drop · pressed = inset swap · booked keys are sunk <span>s · readout = sunken panel, monospace digits