Better — Pricing / Plans
A vertical stack of 9 comparable pricing cards, each representing a different mortgage term (30-yr fixed, FHA, 20-yr, 15-yr, 10-yr, and ARM variants). Each card displays Term, Rate, APR, Points/cost, and a "See my rates" CTA button in a consistent left-to-right layout with teal/green accent colors on the rate figures.
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 hero with navigation
- 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 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