Redfin — Steps / How-it-works
A vertical list layout with a bold headline followed by eight numbered bullet-point steps. Each step has a bolded key phrase followed by explanatory text with embedded hyperlinks in blue. The design uses a clean, left-aligned structure with generous whitespace and a simple typography hierarchy.
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-eight-actionable-steps-to-get-the-best-mortgage-rate.
Palette
#1a1a1a#2563eb#ffffff#666666#f5f5f5
UX patterns
Wizard / Stepper
UI elements
Card
Context
Other sections on this page
- Hero — Mortgage rate comparison hero with input form
- 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
- 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