Aftershow · Phase 3 · UI Design

Show Detail.

Tapped from My Shows or Feed · Both themes
Dark: user's own photo. Light: community top-voted photo (fallback state).

Show Detail — Both Themes
The Black Queen · Thalia Hall · May 17, 2026. Dark shows user's own photo. Light shows community photo fallback with attribution badge.
Dark Vintage — User Photo
9:41●●● ▲ ▮
← My Shows Show Edit
My Photo
The Black Queen
Thalia Hall Chicago, IL May 17, 2026
★★★★★
5.0
"Best show of my entire life. Strange Quark and Taman Shud back to back — I've never seen either live before."
3rd time seeing them From Memory
Setlist 14 songs
01Medley Intro
02Ice to Never
03Secret Scream
04The End Where We Start
05That Death Cannot Touch
06Maybe We Should / Non-Consent
07Strange QuarkRare
08Distanced
09Even Still I Want To
10Thrown Into the Dark
11Taman ShudRare
12One Edge of Two
13Now, When I'm This (Intro only)
14Apocalypse Morning
Vintage Bold — Community Photo
9:41●●● ▲ ▮
← My Shows Show Edit
Community Photo
The Black Queen
Thalia Hall Chicago, IL May 17, 2026
★★★★★
5.0
"Best show of my entire life. Strange Quark and Taman Shud back to back — I've never seen either live before."
3rd time seeing them From Memory
Setlist 14 songs
01Medley Intro
02Ice to Never
03Secret Scream
04The End Where We Start
05That Death Cannot Touch
06Maybe We Should / Non-Consent
07Strange QuarkRare
08Distanced
09Even Still I Want To
10Thrown Into the Dark
11Taman ShudRare
12One Edge of Two
13Now, When I'm This (Intro only)
14Apocalypse Morning
Component Inventory

Every component on this screen.

ShowHero Organism
Photo statesuser photo → community top-voted photo → empty state (artist name large on bg-card, no image)
Height190px fixed. Gradient overlay bottom 60% — ensures artist name legibility regardless of photo brightness.
Photo badge"My Photo" (gold tint) or "Community Photo" (muted) — top right. Attribution matters. Always credit the source.
Artist namePlayfair Display Italic 700 · 24px · anchored bottom-left. Venue · City · Date in DM Mono 9px below.
Upload CTAOn empty state or community photo: subtle "Add your photo" tap zone in top-right. Doesn't compete with content when a photo exists.
RatingBlock Molecule
ChildrenStarRating (reused from Log a Show) + user note in Crimson Pro Italic
Note fontCrimson Pro Italic · 13px — the note is a personal voice. Serif italic signals diary entry, not a review field.
Tap behaviorTapping the block → inline edit mode. No separate edit screen needed for just rating/note.
TagPill Atomic
Variantsstat (gold tint — "3rd time seeing them") · memory (muted — "From Memory")
Stat copyAuto-generated from archive data. Appears when user has 2+ shows for the same artist. First show gets no tag — no "1st time" fanfare, that feels cheap.
Memory tagOnly shows if fromMemory is true. Muted deliberately — never a warning, never prominent. A signal, not a disclaimer.
FullSetlist Organism
ChildrenSongRow (reused from Log a Show) + EncoreDivider
Song fontCrimson Pro Italic · 13px — slightly smaller than Log a Show (14px) to fit the detail context density.
Rare badgeSame component as Log a Show. Consistent visual language across screens.
Count"17 songs" in section header right — gives context before scrolling. Setlist nerds want to know immediately.
EncoreDivider Atomic
PurposeSeparates main set from encore within the setlist. A small detail that die-hard fans will immediately clock as correct.
StyleLine · "ENCORE" label · line. Same muted treatment as YearDivider — structural, invisible when not needed.
Phase 3 · Show Detail · Component Spec · May 2026