Aftershow · Phase 3 · UI Design

Followers / Following.

Tab 5 (Me) — Social graph screen · Both themes
Grayson039's followers (47) and following (31). Interactive tabs.

Followers / Following — Both Themes
Dark: Followers tab active. Light: Following tab. Mutual tag, follow-back button, find friends CTA.
Dark Vintage · Followers
9:41●●● ▲ ▮
←Profile
Grayson039
47 followers · 31 following
Mimsie Mutual
229 shows · Chicago, IL
Paramore, BTS, Hayley Williams
xSasquatchx Mutual
88 shows · Chicago, IL
Mastodon, Gojira, Baroness
Sako H. Mutual
41 shows · Newport Beach, CA
System of a Down, Scorpions
RC
riv_chicago
61 shows · Chicago, IL
Nine Inch Nails, Killing Joke
KR
kira_riv
37 shows · Chicago, IL
NIN, Porcupine Tree, Anathema
HL
hazel_ldn
112 shows · London, UK
Radiohead, Portishead, Thom Yorke
Find more people to follow
♩My Shows
◈Feed
⊙Discover
◎Me
Vintage Bold · Following
9:41●●● ▲ ▮
←Profile
Grayson039
47 followers · 31 following
Mimsie
229 shows · Chicago, IL
Paramore, BTS, Hayley Williams
xSasquatchx
88 shows · Chicago, IL
Mastodon, Gojira, Baroness
Sako H.
41 shows · Newport Beach, CA
System of a Down, Scorpions
TS
tokyoshred
204 shows · Tokyo, Japan
Boris, Envy, Mono
HL
hazel_ldn
112 shows · London, UK
Radiohead, Portishead, Thom Yorke
Find more people to follow
♩My Shows
◈Feed
⊙Discover
◎Me
Followers / Following. Component Spec
UserCardMolecule
Avatar44px circle · real photo if available, initials fallback
Mutual tagGold pill · shown when they follow you back · "Mutual"
ArtistsCrimson Pro Italic · top 3 artists from their archive · truncated with ellipsis
Follow btn"Following" (muted) if already following · "Follow" (gold) if not
FindMoreCTAAtomic
ActionImport Contacts → triggers same permission flow as Onboarding
Copy"Find more people to follow" — not "access your contacts"
Phase 3 · Screen 10 of 14 · Followers / Following