Better — Comparison
Side-by-side comparison of two mortgage options (Option A and Option B) with input fields for mortgage amount, interest rate, and loan term. A large line chart on the right visualizes the cost difference over 30 years, with a break-even point highlighted at 9 years 2 months. The layout uses a card-based design on the left for inputs and a prominent chart on the right for visual analysis.
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-points-vs-credits-mortgage-comparison-with-break-even-analysis.
Palette
#FFFFFF#3D8C3D#000000#E8F5E9#9E9E9E
UX patterns
Pricing ToggleComparisonChartFilter & Sorting
UI elements
CardFormChartToggleDropdown
Context
Other sections on this page
- Hero — Mortgage rates hero with navigation
- Pricing / Plans — Mortgage rate cards with term options and APR
- Gallery / Showcase — Customer testimonial videos with loan terms
- Gallery / Showcase — Educational topic cards with illustrations
- Feature — Educational content on mortgage rates and their impact
- Feature — Factors that affect mortgage rate
- Feature — Mortgage types hierarchical tree diagram
- Feature — How to choose a mortgage rate – four step guide
- Feature — Mortgage rate comparison guide
- Feature — Mortgage comparison and rate-lock guidance
- Feature — Mortgage amortization table example with monthly breakdown
- Feature — Mortgage amortization table with FAQ and next steps
- Feature — Three-column action cards with CTA links
- Footer — Legal disclosures and regulatory notices footer