TITLE: AER — neumorphic climate dial
PROMPT: Design 'AER', a neumorphic smart-climate dial for a fictional home device: a big circular dial (embossed rings, an LED arc that fills with target temperature) on a cool-mist background (#E8EEF2); target and current temps in thin numerals; mode chips (cool, heat, eco, fan) each pressable with deep emboss; a vertical airflow slider resembling a wind groove. Interactions: drag around the dial or scroll on it to adjust target (the LED arc animates, tick haptic-ish sound optional and gesture-gated); mode changes re-tint the LED arc (ice blue, ember, sage); a fan icon spins at a rate matching the slider; scheduling strip lets you tap-and-set four periods. Quiet premium hardware UI.
DESCRIPTION: A smart-thermostat control panel extruded from cool mist: a 250px circular dial with an inner debossed well, 25 radial ticks, and a glowing LED arc (conic-gradient masked into a ring) that fills 270° with target temperature — ice blue for cool, ember for heat, sage for eco. Thin-numeral readouts show target and a live-simulated current temperature easing toward setpoint. Four embossed mode chips (the fan icon spins at airflow rate), a sunken airflow groove with raised thumb, four tap-to-set schedule slots (wake/away/home/night presets), and a running/standby power pill. Dial responds to drag, scroll-wheel, and arrow keys with 0.5° detents.
TECHNIQUES: neumorphic dual-shadow extrusion and inset debossing, conic-gradient LED arc with radial-gradient mask and drop-shadow glow, pointer-angle dial dragging with detents, wheel/keyboard accessibility, per-mode CSS-variable re-tinting, rAF loop for fan rotation and thermal easing simulation, groove slider with pointer capture.
INTERACTION: Drag around the dial (or scroll, or arrow keys) to set 12–30° in half-degree detents; mode chips press in and re-tint the arc; the airflow groove sets fan speed (icon spins proportionally); schedule slots apply presets; standby puts the system idle while room temperature drifts.