Redfin — design system & UI screens

Real Estate · 4 screens · 32 sections · redfin.com

A real estate platform landing page featuring a hero section with background image and integrated search bar, followed by featured property listings in a grid, action cards for Buy/Mortgage/Sell/Rent services, and location-based search sections. The layout uses a clear hierarchy with search-first positioning and multiple calls-to-action.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/website/redfin.

Screens

• Real Estate Landing Page with Search & Featured Listings
• Sell your home - value proposition hero
• Real estate agents marketplace landing page
• Compare Current Mortgage Rates

Sections (32)

• Hero — Mortgage rate comparison hero with input form
• Hero — Real estate agent search and discovery
• Hero — Home selling hero with address search
• Hero — Real estate home search with early access
• FAQ — Mortgage rates FAQ with expandable questions
• Feature — Three-column feature highlights with icons and supporting copy
• Feature — Three-column value propositions with icons
• Gallery / Showcase — Popular homes carousel with price and property details
• Feature — Mortgage rate trends 2025-2026
• Gallery / Showcase — Search for homes by city – multi-column city link grid
• CTA / Sign-up — Home seller consultation CTA
• Feature — Four-column real estate service cards
• Comparison — Mortgage rates comparison table by loan type
• Gallery / Showcase — State-based homes listing directory with expandable link grid
• Footer — Multi-column footer with links, social media, and legal info
• CTA / Sign-up — Mobile app download with QR code
• Feature — Mortgage rates table with explanatory content
• Footer — Multi-column footer with legal links, social icons, and compliance notices
• Feature — Home search with real estate listing card and agent contact CTA
• Comparison — Mortgage rates factors and Federal Reserve impact
• Feature — Browse newest homes with location filters
• Steps / How-it-works — How to get the best mortgage rate
• Feature — Location-based real estate links in multi-column layout
• FAQ — Mortgage FAQs
• Feature — Multi-column state and city search directory
• Feature — Three-column mortgage tools showcase
• Gallery / Showcase — Multi-column city links directory with expandable view
• Gallery / Showcase — Educational mortgage guides with illustration cards
• Gallery / Showcase — Search for houses for rent by city — multi-column link directory
• Footer — Multi-column footer with legal, links, social, and compliance messaging
• Banner — Redfin Listing Fee & Rocket Mortgage Preferred Pricing Disclaimers
• Footer — Multi-column footer with legal links, subsidiaries, and compliance information