Event card

Proposed card in each display context (home featured, map sidebar, map popup), current-vs-proposed side-by-side for each, and the recurrence-type variants at the bottom.

Home featured (grid)
Cards sit in a 3-col grid on desktop on the homepage beneath the hero.
Current
Proposed
Map page — right sidebar
Full-width entries stacked in the list column next to the map.
Current
Every Monday/6:00 PM – 9:00 PM

Pinellas Ale Works Monday Night Mics

Pinellas Ale Works·St. Petersburg
Claimed
Hosted by Jordan Sneed
Proposed
Map popup (over the map)
Tight popup balloon when a pin is clicked. Most constrained width.
Current
Proposed

Across recurrence types

How the proposed card (home/sidebar size) handles each recurrence value.

Weekly
Biweekly
Monthly — first
Monthly — third
Monthly — last
Custom (fallback)

What changed and why

Recurrence leads

"Every Monday" / "First Wednesday of the month" sits at the very top in tier-colored label caps. It's the first thing a returning user scans (do I already know this mic?) and the first thing a new user needs (is this a one-off or ongoing?).

Venue before event name

Unconventional, but for a recurring-mic directory people think in places, not event titles. Pinellas Ale Works is the recognizable thing; Monday Night Mics is what happens there. Event name stays the h3 (bigger), venue sits right beneath.

One tier badge, not two pills

Current cards stack a recurrence pill and a tier pill. Since recurrence now leads the top line, the recurrence pill is redundant. Just the tier signal remains (Verified / Claimed / Community).

Tier color as a left rule, not a card border

Thick 4px rule on the left edge instead of a full border. Easier to scan a grid of cards because the color sits in a consistent vertical band, and it doesn't compete with card boundaries.

Host line subdued, flyer dropped

Host renders as a small muted line with an optional tiny avatar. Flyer is gone from the card entirely — flyer quality varies a lot, and a small thumbnail competes with the typographic hierarchy. Flyers still live on the event detail page where they can be hero-sized.

Rendering the same event

This sandbox uses a real event from your DB so you can eyeball whether this reads better than the current treatment on your homepage. If the direction clicks, the pattern can be ported into EventList so every surface picks it up.