Instead of scattering features across the card, consolidate the best signals into one highlighted bottom section. The system auto-selects the 2-4 most compelling attributes per listing. Hover any signal for details.
Auto-picks best signals per listingAlways visible, not hiddenOne visual zone = instant differentiation
Drawer A
Warm Highlight
Golden shelf at the bottom of the card. Yellow50 background with yellow300 top border. Signal pills have white backgrounds with warm borders. Native to RR's accent palette.
Standard
$2,200/mo1.8 mi
Cozy Studio Near Central Park
1BD/1BA · Studio apartment
Available: May 1 – Aug 31
Last updated 3 days ago
Premium
PREMIUM
$1,950/mo0.9 mi
Bright 1BR Upper East Side
1BD/1BA · Private room
Available: Apr 15 – Jul 31
Last updated 1 day ago
Pro · Warm Drawer
PRO
Video Tour
$1,800/mo2.1 mi
Sunny 1BR in Upper East
1BD/1BA · Private room in shared unit
Available: Apr 1 – Jul 31
Great Price
~2hr
Furnished
iWarm Drawer: The yellow50 background creates an unmistakable "golden shelf" that's visible even in fast scrolling. Complements the warm RR palette. Drawer content is strictly one line — 3 compact signal pills with short labels or icon-only display.
Drawer B
Teal Treatment
Blue50 background with blue100 top border. Creates a cohesive "Pro = teal" visual language that matches the Pro badge. Cooler, more professional tone.
Standard
$2,200/mo1.8 mi
Cozy Studio Near Central Park
1BD/1BA · Studio apartment
Available: May 1 – Aug 31
Last updated 3 days ago
Premium
PREMIUM
$1,950/mo0.9 mi
Bright 1BR Upper East Side
1BD/1BA · Private room
Available: Apr 15 – Jul 31
Last updated 1 day ago
Pro · Teal Drawer
PRO
Video Tour
$1,800/mo2.1 mi
Sunny 1BR in Upper East
1BD/1BA · Private room in shared unit
Available: Apr 1 – Jul 31
12 min
42
Verified
iTeal Drawer: Matches the Pro badge color family, reinforcing the "Pro = teal" visual language. Feels more professional/corporate. Risk: blue50 is very light — might not create enough contrast to stand out during fast scrolling. Works best when the search grid is on a cream background.
Drawer C
Gradient Fade
White card body fades into a warm tint. No hard border — softest of the three. Signal pills float on the gradient with subtle shadows. More editorial, less utilitarian.
Standard
$2,200/mo1.8 mi
Cozy Studio Near Central Park
1BD/1BA · Studio apartment
Available: May 1 – Aug 31
Last updated 3 days ago
Premium
PREMIUM
$1,950/mo0.9 mi
Bright 1BR Upper East Side
1BD/1BA · Private room
Available: Apr 15 – Jul 31
Last updated 1 day ago
Pro · Gradient Drawer
PRO
Video Tour
$1,800/mo2.1 mi
Sunny 1BR in Upper East
1BD/1BA · Private room in shared unit
Available: Apr 1 – Jul 31
4mo
New
iGradient Drawer: Softest approach — no hard boundary between card and drawer. Feels editorial, like a magazine layout. The subtle box-shadows on pills compensate for the lack of background contrast. Risk: may be too subtle to register as a distinct "Pro zone" during fast scrolling.
Smart Signal Selection
The system auto-picks the best 3-4 signals per listing based on what's available and most compelling. Here are 4 realistic combinations using the warm drawer (Drawer A).
Close & Popular
Short commute, high views, available now
PRO
Tour
$2,100/mo0.4 mi
Steps from Mount Sinai
1BD/1BA · Entire apartment
Available: Now – Aug 15
Walking
67
Now
Well-Equipped Home
Amenity-rich, video tour, long-term OK
PRO
Video Tour
$1,900/mo1.7 mi
Fully Loaded 1BR Midtown
1BD/1BA · Entire apartment
Available: Apr – Dec
6mo+
Trusted Pro Host
Verified, experienced, multiple properties
PRO
$1,750/mo1.4 mi
Clean Room near Hospital
1BD/1BA · Private room
Available: May 1 – Oct 31
Verified
~1hr
5
In Context: Search Results Grid
How the warm drawer (Drawer A) looks mixed into a real search results layout with Standard and Premium cards. The drawer adds ~40px of height, creating a natural visual bump.
