Better — Pricing / Plans
A mortgage rates comparison tool for browsing current rates on purchase mortgages, refinances, and home equity loans with different term lengths and loan programs. The design stacks vertically comparable loan products as cards, each displaying term type, interest rate, APR, points cost, and a call-to-action button to view personalized rates.
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-rate-cards-with-term-options-and-apr.
Palette
#F5F5F0#1B7A6B#5B8A80#6B9B90#FFFFFF
UX patterns
Pricing ToggleStats / KPIs
UI elements
CardPricing Card
Context
Other sections on this page
- Hero — Mortgage rates today
- 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