Aftershow · Phase 3 · UI Design

Friends Feed.

Tab 2 — Friends view · Both themes
Person first, show second. The diary becomes social.

Friends Feed — Both Themes
Showing Mimsie and xSasquatchx's recent logs. Friends tab active.
Dark Vintage
9:41●●● ▲ ▮
Feed
System of a Down
Kia Forum · Los Angeles May 17, 2026
★★★★★
“Chop Suey opener. 20,000 people screaming every word. I will never recover.”
♥ 8 ↵ 3 24 songs
Mimsie
Paramore
Wintrust Arena Apr 22, 2026
★★★★★
"Hayley Williams is literally everything. I cried three times."
♥ 6 ↩ 2 18 songs
Earlier
xSasquatchx
Mastodon
Riviera Theatre May 16, 2026
★★★★★
"They played Blood and Thunder. I lost my mind."
♥ 11 ↩ 4 22 songs From Memory
You're all caught up
♪Shows
◈Feed
⊙Discover
○Me
Vintage Bold
9:41●●● ▲ ▮
Feed
System of a Down
Kia Forum · Los Angeles May 17, 2026
★★★★★
“Chop Suey opener. 20,000 people screaming every word. I will never recover.”
♥ 8 ↵ 3 24 songs
Mimsie
Paramore
Wintrust Arena Apr 22, 2026
★★★★★
"Hayley Williams is literally everything. I cried three times."
♥ 6 ↩ 2 18 songs
Earlier
xSasquatchx
Mastodon
Riviera Theatre May 16, 2026
★★★★★
"They played Blood and Thunder. I lost my mind."
♥ 11 ↩ 4 22 songs From Memory
You're all caught up
♪Shows
◈Feed
⊙Discover
○Me
Component Inventory

Every component on this screen.

FeedTabBarMolecule
TabsFriends · Global · Tonight — all live under Tab 2. Not separate nav destinations.
Active stateaccent-gold text + bottom border. Matches SortBar on My Shows — consistent active language.
DefaultFriends. Most relevant on open — your people first, the world second.
FeedCardOrganism
HierarchyPerson first (avatar + username + timestamp), show second (artist, venue, date, stars, note). Inverted from archive card — social context leads.
NoteCrimson Pro Italic · 13px — always shown if exists. The note is the social hook. No collapse.
Photo panelSame split layout as archive card — 38% right column — when user uploaded a photo. Falls back to full-width text card.
Tap targetFull card → Show Detail for that log. Avatar tap → that user's Profile.
UserRowMolecule
ChildrenAvatar (28px circle) + Username (Syne 800) + timestamp (DM Mono muted)
AvatarUser-uploaded profile photo. Circular crop. Falls back to initials on color bg if none set.
Username fontSyne 800 — the one place Syne leads. Username is identity, deserves the boldest weight.
FeedFooterMolecule
Stats♥ count · ↩ count · song count. Minimal — DM Mono 9px muted. Not the focus of the card.
Reactions♥ heart tap to react. Single reaction type for MVP — no emoji picker, no complexity. Expand in P1.
From MemoryShows in footer when applicable — same muted treatment as archive card.
FeedDividerAtomic
Variants"Earlier" — groups older posts within the session. "You're all caught up" — end of feed state.
Copy"You're all caught up" is intentional. Not "No more posts" or "End of feed." Affirming, not clinical.
Phase 3 · Friends Feed · Component Spec · May 2026