Smart Lock Keypad — Open controls
12-key deadbolt keypad — gradient rim + specular hairlines, raised keys, gear + green-check action keys, machined keyhole cylinder, engraved handle slot.
Playground / SVG Device Lab
The shared device library and its explorations, organized by family. Open a device to inspect it and adjust its controls.
Reusable components, ready to bring into a scene.
12-key deadbolt keypad — gradient rim + specular hairlines, raised keys, gear + green-check action keys, machined keyhole cylinder, engraved handle slot.
Branded variant — the sqm-yale.svg badge engraved into the face verbatim: white bottom-lip dup under a recess-tone fill, letters reading as raised metal.
Interactive hotel lock with a visible keypad, curved status LED, moving lever, and five finishes. Open to try PIN entry and adjust its props.
Interactive touchscreen thermostat with Heat/Cool/Auto, fan settings, schedules, and the full on-device menu. Open to adjust every state.
Interactive touchscreen thermostat with room sensors, Heat/Cool/Auto, schedules, and gray or original display colors. Open to adjust every state.
Round dial with the real Nest E scale — 50-90°F over a 270° arc with a bottom gap (6.75° per °F), white inward setpoint tick with cyan halo, numerals stepping in sync with the dial.
Presence sensor recreated from thermostat.svg's recipe — stacked dome gradients, 0.477px hairlines, blurred bevel ring, 4-layer diagonal shadow, blinking green LED.
Earlier studies and alternate forms, kept here for reference and iteration.
Schlage Connect Century recreated from the devicedb photo — slab body, recessed touch glass with the verbatim SCHLAGE wordmark, digit grid, green-check accent, deadbolt cylinder with zigzag keyway.
Same device on the dark canvas — glow bed + silhouette outline instead of shadow, lit digits with a blurred glow pass, brighter screen-print wordmark.
Front-facing camera — machined chamfer ring, black barrel with element rings, stacked-radial glass dome, off-axis specular glints, cyan coating reflection.
Touchscreen deadbolt — white shell per the house recipe, recessed dark-glass panel with diagonal sheen, capacitive Geist Mono digits, and a staggered code-entry ripple animation.
Lever-handle mortise lock — tall faceplate with stacked dome gradients, raised rosette + hub, top-lit lever with a blurred cast shadow, machined keyway, slotted recessed screws.
August-style black thumbturn on light canvas — near-black gradients with masked white rim speculars, knurled grip lit toward the source, and a pause-heavy 90° turn animation.
Slim keypad on the dark canvas — soft radial glow instead of a drop shadow, #31353F silhouette outline, light top-edge specular, inverted-lit recessed keys, one green status LED.
Round lock face on the dark canvas — machined concentric rings, a recessed dish with fully inverted lighting, and a classic keyhole; zero accents, light-catching edges only.
Ecobee-style rounded square — light body with stacked corner shades, recessed dark glass screen with occlusion lip and sheen, glowing setpoint, tiny orange heat hint.
Slim vertical wall unit — recessed e-ink display with inverted lighting and top-lip occlusion, raised plus and minus keys, machined vent slots, eco leaf accent.
Black hardware on the light canvas — near-black gradients with a top-left white specular rim, recessed bezel tick ring, off-axis glint, glowing numeral on glass.
Rounded-square unit for the dark canvas — silhouette outline and top-edge specular instead of shadow, soft halo, breathing cyan cooling arc over a lit screen.
Round dial for the dark canvas — faint white tick field with one brighter setpoint tick, glowing numeral, light bevel ring, specular top edge and silhouette outline.
Ceiling motion sensor — molded fresnel dome with concentric groove hairlines, hex-drilled vent annulus, breathing LED and a soft detection pulse.
Compact entry-sensor pair — the full stacked-rim recipe on both bodies, recessed vent slots, engraved alignment notch on the magnet bar.
Slim door/window contact — two rounded bars that part and reunite on an 8s idle loop, LED blipping while the reed switch is open.
Near-black motion slate on light canvas — #31353F-to-#14161A body gradients, white specular edges, recessed glossy IR lens with off-axis glints.
Circular sentry on gray-950 — radial glow bed, silhouette outline and light-catching top edge in place of drop shadow, bright lit-lens LED.
Dark-canvas contact pair — two near-black bars with specular top hairlines and engraved alignment ticks, no accent.
Indoor tabletop camera — full puck head on a brushed neck and weighted base, composite 4-layer shadow, contact shadows at the joints, recording LED breathing slowly.
Doorbell camera — tall rounded body with blurred bevel ring, lens up top, raised call button with engraved chime ring that pulses once per 8s loop, engraved speaker slot.
Ceiling dome — machined trim ring with slotted screws, chamfer step into a smoked hemisphere, gimbal camera inside, edge-darkening smoke overlay, sheet specular and cyan coating arc on the glass.
Outdoor camera in black anodized metal (August.svg treatment) — #383D47→#14161A body with a white specular edge doing the separation, 10-dot IR illuminator ring, dark-toned chamfer.
Camera puck on dark canvas — soft radial glow, faint #3A3F49 silhouette outline, twin top-edge specular arcs, faint IR dot ring, night-tone lens with glowing glass core.
Doorbell at night — vertical light-catch stroke brightening the top cap, night-tone lens, call button with a steady illuminated halo ring, engraved slot flipped to white-lip-on-dark.