Preview image. Unlock full-res
Mobile app displaying upcoming team sessions as full-width cards with hero imagery, avatars, and call-to-action buttons stacked vertically on white backgrounds.
Summary
Mobile app interface showing team collaboration features with full-bleed cards for upcoming sessions, using hands-centric photography paired with cool blue accents on a clean white background.
Visual description
Vertical stack of card-based content on white background. Top card features rich hands-photography showing multiple participants, overlaid with a blue section header ("Upcoming session") and session title "Weekly All-hands" in white, oversized sans-serif type. Below the image are stacked elements: participant avatars, time/location metadata, and dual action buttons (primary "Add to calendar", secondary "Dismiss"). Below this card sits a dark green section header labeled "New insight" with complementary green typography showcasing "Your top performing content" and a sample item with thumbnail. Status bar at top (time, signal, battery icons) and navigation icons (menu, search, notifications, profile) anchors the screen. Generous whitespace separates components; clear type hierarchy; consistent blue and green accent palette.
Key takeaway
Card-centric mobile layout where photography provides context and visual anchor; primary actions (Add to calendar) sit immediately below content with secondary dismissal options; color-coded sections (blue for sessions, green for analytics) allow at-a-glance content parsing without additional labels.
Reuse notes
Strong pattern for productivity/team apps, meeting planners, collaborative tools, or content platforms bundling calendar + insights. Works well when the primary action has urgency (booking a session, adding to calendar). Pair with clear action hierarchy and avoid cluttering card composition with too many secondary elements.
