Composition Gallery
User profile
A composed profile view that pairs identity, lightweight metrics, metadata, activity, and a focused dialog action.
Overview
Checks whether display primitives form a calm profile without implying a dashboard system.
Live Preview
AM
Alex Morgan
Product designer · Northstar
- Location
- Tbilisi, GE
- Member since
- May 2024
Recent activity
- Updated the design briefToday at 10:42
- Joined the research projectYesterday
Code
<Avatar name="Alex Morgan" /><Stat label="Projects" value="12" /><KeyValue label="Location" value="Tbilisi, GE" />Components Used
CardAvatarStatKeyValueListBadgeButtonDialogAccessibility
Avatar text fallback is derived from the person’s name; metadata uses a definition list and the dialog provides a labelled interaction.
Responsive Behaviour
Statistics move into a single column and actions wrap while profile identity stays visually first.
Notes
A complete activity feed, profile permissions, or dashboard layout would be a Pro product pattern.