Better — Hero
A mortgage rate lookup and quoting service for home buyers and refinancers. The page displays current mortgage rates by product type (Purchase, Refinance, VA Loans, Home Equity Loans, HELOC, Cash-out Refinance) with a large headline, brief value proposition mentioning a 3-minute personalized quote process with no credit impact, and a primary call-to-action button ("See personalized rates") leading to the quote flow. The design uses a clean hierarchy with a pale teal background, darkly-colored sans-serif headlines, and a horizontal navigation bar positioning product categories (Buy, Refinance, Home Equity, Rates, Better+) alongside authentication controls.
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/better-mortgage-rates-hero-with-navigation.
Palette
UX patterns
UI elements
Context
Other sections on this page
- Pricing / Plans — Mortgage rates by term and loan type
- Gallery / Showcase — Loan rates showcase with rate-matching
- Gallery / Showcase — Mortgage rates and educational content
- Feature — Educational content on mortgage rates and their impact
- Feature — Mortgage rate factors educational content
- Feature — Mortgage Loan Types Overview
- Feature — How to choose a mortgage rate – four step guide
- Comparison — Points vs. Credits mortgage comparison with break-even analysis
- Feature — Mortgage rate comparison guide
- Feature — Mortgage comparison and rate-lock guidance
- Feature — Mortgage amortization table example with monthly breakdown
- Feature — Mortgage amortization table and refinancing FAQ
- Feature — Three-column action cards with CTA links
- Footer — Legal disclosures and regulatory notices footer