Aftershow · Phase 3 · UI Design

Artist Page.

Tab 4 (Discover) — Full artist view · Screen 14 of 14 · Both themes
System of a Down · The Sako screen. Community photos, setlist history, fan stats, top songs.

Artist Page — Both Themes · System of a Down
Every screen is done. This is the one Sako will open first.
Dark Vintage
9:41●●● ▲ ▮
←Discover
System of a Down
Metal Nu-Metal Alternative Metal
6.2k
Logs
3.8k
Fans
4.9
Avg Rating
214
Shows
★★★★★ 4.9 · 6,200 ratings
Community Photos P1
#1
▲142
#2
▲98
#3
▲71
Top fan photos · vote to surface yoursSubmit →
Recent Shows
May17
Kia Forum
Los Angeles, CA
★★★★★
312 logs
›
May15
Chase Center
San Francisco, CA
★★★★★
289 logs
›
May12
T-Mobile Arena
Las Vegas, NV
★★★★★
341 logs
›
May8
Madison Square Garden
New York, NY
★★★★★
418 logs
›
Fan Stats
Aftershow Fans
3,841 people have logged a SOAD show.
1 show
1,997 fans
2 shows
1,076 fans
3–5
576 fans
6+
192 fans
Most Logged Songs
1Chop Suey!97%
2B.Y.O.B.94%
3Toxicity91%
4Aerials88%
5Prison Song82%
6Lonely Day79%
7Question!71%
♩My Shows
◈Feed
⊙Discover
◎Me
Vintage Bold
9:41●●● ▲ ▮
←Discover
System of a Down
Metal Nu-Metal Alternative Metal
6.2k
Logs
3.8k
Fans
4.9
Avg Rating
214
Shows
★★★★★ 4.9 · 6,200 ratings
Community Photos P1
#1
▲142
#2
▲98
#3
▲71
Top fan photos · vote to surface yoursSubmit →
Recent Shows
May17
Kia Forum
Los Angeles, CA
★★★★★
312 logs
›
May15
Chase Center
San Francisco, CA
★★★★★
289 logs
›
May12
T-Mobile Arena
Las Vegas, NV
★★★★★
341 logs
›
May8
Madison Square Garden
New York, NY
★★★★★
418 logs
›
Fan Stats
Aftershow Fans
3,841 people have logged a SOAD show.
1 show
1,997 fans
2 shows
1,076 fans
3–5
576 fans
6+
192 fans
Most Logged Songs
1Chop Suey!97%
2B.Y.O.B.94%
3Toxicity91%
4Aerials88%
5Prison Song82%
6Lonely Day79%
7Question!71%
♩♩My Shows
◈Feed
⊙Discover
◎Me
For Sako H. · iOS Developer · Hatch, Newport Beach
"Chop Suey live is a religious experience. There's nothing else like it."
— Sako H., after seeing SOAD at Kia Forum · May 17, 2026 · 5 stars
Artist Page. Component Spec
ArtistHeroMolecule
StatsLogs (total) · Fans (unique loggers) · Avg Rating · Shows (distinct events logged). 4-up grid.
GenresPulled from Setlist.fm metadata. Max 3 shown in pill row.
Follow btn+ Follow Artist → Following (muted state). Tapping Following shows unfollow confirmation.
CommunityPhotosP1 Feature
PurposeTop 3 fan-submitted photos, community-upvoted. These are the fallback thumbnails for feed cards when a user has no personal photo.
Voting▲ upvote. Photos ranked by total upvotes. Anyone can submit. #1 photo used as card fallback.
Why P1Requires moderation layer, storage, CDN. Designed now because it's load-bearing for the P0 card design (fallback hierarchy). Can ship with gradient placeholders at launch.
PlaceholdersConcert-colored gradients in MVP. Swapped to real photos when P1 ships.
ShowHistoryCardAtomic
DateMonth + Day in Syne 800. Gold day number. Month in DM Mono muted.
Tap→ Show Page for that specific event (aggregated setlist from all fan logs)
Log countHow many Aftershow users logged this specific show. Social proof signal.
FanStatsMolecule
Breakdown1 show / 2 shows / 3–5 / 6+ — shows the superfan distribution. Gold bars, descending opacity.
Lead copyPlayfair Display Italic: "3,841 people have logged a SOAD show." — editorial, not a dashboard widget.
MostLoggedSongsMolecule
SourceSetlist.fm API + Aftershow fan logs. Ranked by % of shows where song appeared in fan setlists.
StyleCrimson Pro Italic for song titles. Frequency bar + percentage. Same RARE badge applies if song appears infrequently.
InsightChop Suey! at 97% — SOAD fans will immediately recognize this is accurate. Credibility signal.
Phase 3 · Screen 14 of 14 · Artist Page · All MVP screens complete.