5 sections with annotated issues and proposed options. Each phone frame is 375px (real mobile width). Red callouts = problems. Green = improvements. Blue = notes.
8% below market — motivated seller, priced conservatively vs Berry St comps
Most compact — no table rows needed
Trend immediately visible as headline number (+32%)
Hard to scan individual years — all on one line
Works well for 3-4 data points, less so for 6+
4
"Only on Nabe" Building Insights — Content Audit
The "Only on Nabe" branded section in ListingDetail. Some items listed are actually publicly available info — they shouldn't be in an exclusive-claim section.
CURRENT — 6 items, mixed public/exclusive
Only on Nabe
Building Insights
Built in 2015PUBLIC RECORD
8 residents on NabeEXCLUSIVE
Management rated 78/100EXCLUSIVE
Noise level: QuietEXCLUSIVE
Fiber internet availablePUBLIC INFO
Package room availablePUBLIC INFO
3 of 6 items are publicly available — weakens "Only on Nabe" claim
"Built in 2015" = NYC ACRIS public record, not exclusive
"Package room" + "Fiber internet" = listed on every StreetEasy page
PROPOSED — True exclusives only
Only on Nabe
Building Insights
8 residents on NabeLive community data
Management rated 78/100From tenant reviews
Noise level: QuietResident reports
Moved to Key Details: Year Built (2015), Fiber internet, Package room. These are public/listing-sourced facts that belong in the factual section — not the exclusive intel section.
"Only on Nabe" label now honest — all 3 items are genuinely platform-exclusive
Public info isn't deleted — just moved to Key Details where it belongs
KeyDetailsGrid currently has 8 fields (2-col grid) — may need 3-col or separate "Building" group
5
Sticky Bottom Action Bar (CTA)
Phase 32-02 changed the CTA button from py-3 rounded-xl (Phase 28 original) to py-2 px-3 rounded-md to match DESIGN_STANDARDS. Showing before, after, and a middle-ground option.
BEFORE — Phase 28 original (py-3 rounded-xl)
[ listing content ... ]
Message Sofia about this listing
py-3 violates DESIGN_STANDARDS ("NEVER use py-3 inside drawers")
rounded-xl on an inner button violates border radius standard
It looked nice though — taller button has more visual weight
CURRENT — After 32-02 fix (py-2 px-3 rounded-md)
[ listing content ... ]
Message Sofia about this listing
Matches DESIGN_STANDARDS exactly
Consistent with all other CTAs in the app
Feels slightly small for a primary action on a high-stakes screen (buying/renting a home)
MIDDLE GROUND — py-2.5 rounded-lg (splits the difference)
[ listing content ... ]
Message Sofia about this listing
py-2.5 + rounded-lg — slightly taller and more rounded than current
Technically violates DESIGN_STANDARDS but would require updating the standard
If listing detail is the only screen with this CTA weight, could be a justified exception for high-stakes primary actions
Note on the standards question: The DESIGN_STANDARDS rule exists to prevent oversized buttons throughout the app. But a listing detail is arguably the highest-stakes action screen (someone is potentially renting/buying a home). There's a reasonable case that the primary CTA here could warrant a slightly more prominent treatment — as a deliberate exception, not a mistake. If you want to keep py-3 + rounded-xl on this specific screen, the standards file should be updated to say so explicitly rather than leaving the "violation" undocumented.
Summary — Recommended Choices
S1
Quick Actions → Option C (integrate into bottom bar, remove duplicate row). Cleanest solution. Removes redundancy, reclaims vertical space, puts Save/Share where users already look.
S2
Score Breakdown → Option A (gradient progress bars). Drop Recharts entirely. Pure CSS, on-brand gradient, significantly lighter. Keeps the visual sense of magnitude that Option B loses.
S3
Price History → Option A (compact table + sparkline SVG). Best balance of scannability and trend signal. No library needed for the sparkline — just a <polyline>.
S4
Building Insights → Proposed (3 exclusive items only). Move Year Built, Fiber, Package Room to Key Details. The "Only on Nabe" claim needs to be honest to be valuable.
S5
Bottom Bar → Keep current (py-2 rounded-md) OR update DESIGN_STANDARDS to allow py-2.5 rounded-lg for listing-detail-class screens. Don't silently keep py-3 rounded-xl without documenting the exception.