Modular fintech dashboard card grid

Summary

Four-card modular dashboard layout mixing illustrated guidance, growth metrics, real photos, and event promotion in a beige grid.

Visual description

Beige background with four rectangular cards arranged in a 2x2 grid. Top-left card (white background) shows "Accounting" label with a right-pointing arrow and simple blue-line illustration of two figures organizing documents on a shelf. Bottom-left card displays financial data: "Net sales" with GBP 19,750 in navy type, a green "up 15%" indicator, and a bright blue bar chart showing upward trend. Top-right card (dark charcoal) advertises "Self Assessment Bootcamp" with event details (Free webinar, January 18, 13:00 GMT), speaker photo, and play button. Center card (beige-tan background) shows a full-length portrait photograph of a woman in plaid blazer seated on a black chair against a neutral wall, labeled with the video play icon. Bottom-right card (white background) displays "Expert a" in oversized bright blue sans-serif type (text cut off). All cards use consistent spacing, rounded corners, and a mix of photography, illustration, and data visualization. Typography is clean and legible throughout.

Key takeaway

The card-based grid accommodates radically different content types (illustration, chart, photography, text) while maintaining visual coherence through consistent spacing and rounded corners. Mixing media (hand-drawn line art, real product data, portraiture, typography) in adjacent cards creates a learning-focused or service-oriented dashboard feel. The navy and bright blue accent colors anchor diverse content. The off-white and beige palette softens the corporate feel without sacrificing professionalism.

Reuse notes

Strong pattern for fintech, SaaS education, and financial-services dashboards that need to balance numeric data, guidance content, event promotion, and product imagery. Works well for onboarding flows, learning platforms, and multi-service offerings where each card represents a different user path or feature. The modular approach allows easy repositioning or adding cards. Ensure all card content has similar visual weight to avoid hierarchy confusion.