Preview image. Unlock full-res
Mobile notification interface with stacked white and lilac cards showing user invitations, each with profile images, names, text excerpts, and action buttons on a dark background.
Summary
Mobile notification interface showing a stack of user invitations with profile cards, each containing a photo, name, and action buttons on a near-black background.
Visual description
A dark mobile UI with a status bar at top (19:37, signal/battery icons). The main content area is dominated by white and pale lilac rounded-corner cards arranged vertically, each showing a user invitation. Each card contains: a small profile photo and avatar on the left, the user's name in bold sans-serif, text describing an invitation or suggestion, and two button options at the bottom (one white/outline, one dark/solid). Navigation tabs sit above the card stack. The overall color palette is high-contrast monochrome with cool purple accents.
Key takeaway
The card-stacked layout for list items; the dual-button pattern for accepting/declining; the clear visual hierarchy using solid and outline button weights; light cards on dark background for legibility and depth.
Reuse notes
Strong pattern for notification centers, social invitations, chat request UIs, or any interface where user actions are queued for acceptance/dismissal. The lilac-on-dark combination works well for friendly, accessible interfaces. Avoid cramming more than 3-4 cards on a mobile screen.
