Slider Series · Redfin & Zillow Inspired

5 Concepts — Dual Range Slider + Large Min/Max

Redfin/Zillow-inspired dual-handle range sliders — drag min or max thumb. Large min/max input windows. Scale $50K – $15M+. Histogram shows listing density.

Series 1 (V1–V5): No slider concepts — chips, tiers, steppers.

This series (R1–R5): Redfin/Zillow pattern — single max slider + hero min/max fields. Pick one from each series to compare.

R1 · Redfin Classic

Redfin Classic

List Price / Monthly tabs, BuyAbility link, blue histogram, single thumb, 52px min/max inputs, full-width Apply.

RedfinHistogramSingle thumb

R2 · Zillow List Price

Zillow List Price

Underline tabs, blue histogram, single max slider, "Enter min / Enter max" large fields, buying power link, Done button.

ZillowList / MonthlyDone CTA

R3 · Inputs Hero

Inputs Hero First

68px tall, 24px type min/max boxes dominate. Slim slider below as fine-tune. Best if typing beats dragging.

XL inputsSlider secondaryScout red

R4 · Scout Branded

MyPropertyScout Branded

Gold→red gradient histogram, For Sale / Lease pills, 56px branded inputs. Production palette.

MPS brandGold + redRecommended

R5 · Minimal XL Cards

Minimal + XL Cards

Gray histogram, ink slider, min/max as bordered card panels with 22px inline type. Cleanest hybrid.

MinimalCard inputsFull-width Apply

Also updated: V2 Dual Column — larger 52px editable min/max pills at top of each tier column.

Open on localhost: http://localhost:3000/mockups/scout-price-picker-slider-index.html