Build Assets
Hero Pattern
Profile / Account Page
User identity and account information overview page.
Platform: bothTags: profile, account, user, identity, bio
Layout
Cover photo (optional) + avatar + name header. Two-column below: details left, activity/content right. Or single-column for simple account pages.
Content Slots
required
Avatar + name
Large avatar (80–120px), display name (H1), username or role subtitle.
required
Key metadata
Location, join date, contact. 13–14px, icon + text pairs.
optional
Bio / description
14–16px, max 3–4 lines, expandable if longer.
optional
Stats row
Key counts: posts, followers, contributions. Each: large number + label.
required
Action buttons
Primary: Follow/Connect or Edit Profile (own page). Secondary: Message, Share.
optional
Content tabs
User's posts, activity, or collections organized in tabs below the header.
Hierarchy Rules
- Avatar + name = primary identification — must be dominant above the fold
- Primary action (Follow/Edit) must be immediately visible without scrolling
- Own profile vs. others' profile: show Edit controls only on own page
- Content tabs follow after identity info — users orient themselves before browsing content