Better — Gallery / Showcase
A mortgage information resource for comparing rates and understanding mortgage concepts like fixed vs. adjustable rates and credit scoring. The page features a clean two-column grid layout showcasing educational article cards with illustrated figures, followed by a "Mortgage rates today" section with explanatory body text about rate factors and loan costs.
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-educational-topic-cards-with-illustrations.
Palette
#F5F3EE#1A7659#2D2D2D#FFFFFF#8B7D6B
UX patterns
Bento Grid
UI elements
Card
Context
Other sections on this page
- Hero — Mortgage rates today
- Pricing / Plans — Mortgage rates by term and loan type
- Gallery / Showcase — Loan rates showcase with rate-matching
- 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