Better — Comparison
A data table comparing mortgage rates across different loan terms and types. The layout includes four input fields at the top for user parameters (ZIP code, cash-out amount, property value, current mortgage balance), followed by tabbed navigation and a clean table with Term, Rate, APR, and Points columns displaying multiple loan options.
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-comparison-table-with-term-and-apr-breakdown.
Palette
#FFFFFF#F5F5F5#000000#666666#007AFF
UX patterns
Tab Bar NavigationData TableFilter & Sorting
UI elements
FormTabsTable
Context
Other sections on this page
- Hero — Mortgage payment calculator with live preview
- Feature — Monthly payment breakdown with editable cost components
- Steps / How-it-works — Three-step process to get pre-approved
- CTA / Sign-up — Homebuying power check with CTA
- FAQ — Expandable FAQ section about mortgage calculators
- FAQ — Mortgage basics accordion section
- Testimonial / Social Proof — 1400+ customers with Trustpilot ratings and review carousel
- CTA / Sign-up — Custom quote request with value proposition
- Testimonial / Social Proof — Expert opinions carousel with expert testimonials
- Gallery / Showcase — Historical mortgage rate trends chart
- FAQ — Mortgage Calculator FAQs
- Feature — Six calculator and rates tools grid
- CTA / Sign-up — Homebuying power pre-qualification CTA
- Gallery / Showcase — All US states mortgage rates directory
- Footer — Compliance and legal footer with multi-paragraph disclosures