Better — Feature
Educational section with explanatory text followed by a data table showing a 10-month amortization schedule. The table displays monthly payment, principal, interest, and loan balance columns for a $350k 30-year mortgage at 5% interest, illustrating how interest decreases and principal increases over time.
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-amortization-table-example-with-monthly-breakdown.
Palette
#FFFFFF#F5F5F0#2B2B2B#E8E8E3#D0D0C8
UX patterns
Data Table
UI elements
Table
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
- 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 with FAQ and next steps
- Feature — Three-column action cards with CTA links
- Footer — Legal disclosures and regulatory notices footer