Redfin — Hero

Real Estate · Hero

A split-layout hero section with bold left-aligned headline and CTA form on the left, paired with a numbered step-by-step explainer card on the right. The navigation bar sits above with logo, search field, and primary menu links.

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/inspiration/redfin-mortgage-rate-comparison-hero-with-input-form.

Palette

UX patterns

UI elements

Context

• Parent page: Mortgage rates comparison & educational hub
• All of Redfin

Other sections on this page

• FAQ — Mortgage rates FAQ with expandable questions
• Feature — Dual-line chart tracking mortgage rate trends over 12 months
• Comparison — Mortgage rates comparison table by loan type
• Feature — Mortgage rates table with explanatory content
• Comparison — Mortgage rates increase/decrease comparison table
• Steps / How-it-works — Eight actionable steps to get the best mortgage rate
• FAQ — Mortgage FAQs with collapsible accordion
• Feature — Three-column mortgage tools showcase
• Gallery / Showcase — Educational mortgage guides with illustration cards
• Footer — Multi-column footer with legal, links, social, and compliance messaging