Preview image. Unlock full-res
Dark interface displaying expandable team member cards with avatars, names, and job titles in rounded-rectangle containers on a charcoal background.
Summary
Dark interface displaying expandable team member cards with avatars, names, and job titles in rounded-rectangle containers on a charcoal background.
Visual description
Two stacked profile cards dominate the composition. Each card is a rounded-rectangle with a subtle border in medium gray, containing a circular cropped avatar on the left, a name in white sans-serif, a muted gray job title beneath, and a chevron dropdown icon on the right. The background is deep charcoal, creating strong contrast that isolates the cards. The typography is strictly utilitarian: clean sans-serif throughout, with ample padding and negative space between elements. No gradients or ornament.
Key takeaway
The rounded-card container as a low-friction UI building block for lists of people. The combination of avatar + name + title in a compact, scannable row scales well for directories. The chevron affordance signals interactivity without text.
Reuse notes
Ideal for internal team directories, HR platforms, org charts, or collaboration tools where users browse team members in dark mode. Works well in B2B SaaS dashboards. The dark palette requires sufficient contrast; test with real avatars to ensure readability.
