Event detail page

Proposed redesign of the full event page. Uses the same tier-colored left rule and recurrence-leads top line as the event card, so the detail page reads as a natural continuation of the card a user clicks to get here.

Proposed
Verified by host
Every Thursday/7:00 PM11:00 PM

Kahuna's Open Mic

Kahuna's Bar & Grill·St. Petersburg
Next up: Tomorrow at 7:00 PM
Hosted by
Charles Melin
Flyer for Kahuna's Open Mic

About this mic

Open Mic at Kahuna's Bar & Grill

What kind of mic?

SongwritersOpen Jam

Did you go?

0
confirmed
0
canceled
Current
All events on map
Verified by host
Every Thursday/7:00 PM11:00 PM

Kahuna's Open Mic

Kahuna's Bar & Grill·St. Petersburg
Next up: Tomorrow at 7:00 PM
Hosted by
Charles Melin
Flyer for Kahuna's Open Mic

About this mic

Open Mic at Kahuna's Bar & Grill

What kind of mic?

SongwritersOpen Jam

Did you go?

0
confirmed
0
canceled
Kahuna's Open Mic is a Stagelet Verified Event

What changed and why

Tier rule continues from the card

The card a user clicks to land here already carries a 4px tier-colored left rule. The detail page picks that up as the leftmost edge of the hero and preserves the visual tier cue without needing a second badge.

Recurrence leads the hero

"Every Monday · 7:00 PM" sits right above the event name so a returning user's first glance confirms the cadence. "Next up" spells out the specific upcoming date below the venue line so there's no ambiguity about which Monday.

Action bar instead of stacked buttons

Directions, add-to-calendar, and share sit in a compact chip row under the hero. The current page stacks full-width buttons (View on Map, View Event Listing) that duplicate navigation a user already did to get here.

No details toggle

Description, event type, host, and map are shown by default in a two-column layout. The toggle hides the exact information most people came for. On the detail page, expose it.

Sticky map in the sidebar

The map is a decision-grade piece of content: "is this a drive I want to make?" Sticking it in the right column keeps it visible while the user reads the description and scrolls. Its card also shows the full address and a Google Maps link so mobile users don't have to hunt.

Flyer is in-flow, not hero

The flyer lives at the top of the main column at a sensible 16:9 crop rather than as a heavy square hero. Quality varies host-to-host, and a cropped 16:9 reads better alongside typography than a stretched unknown-ratio image.

Still to figure out
  • Where the crowd check-in lives (inline in main column vs. a post-event treatment)
  • Claim / verify CTAs — currently in the header chip area, might deserve a more prominent "Is this your event?" footer card instead
  • Related events (other mics at this venue, or by this host) as a footer row