
Preview image. Unlock full-res
A 2x5 grid of event-promotion cards with solid color backgrounds, author names, date label, and dual CTAs (Buy/Read) in dark outline buttons.
Summary
A repeating card template showcasing ten event listings with consistent naming and date information, each card given a distinct solid background color (yellow, navy, pink, teal, periwinkle, beige, burgundy, light blue, mint, coral).
Visual description
Dark background (near-black) holds a 2x5 grid of uniformly sized rectangular cards. Each card features a solid, vibrant background color (no gradients), with white text positioned consistently. The date "23 February" appears in a compact label at top in the card's background color. Below sits the event title (three names in three lines: Klaus Makelia, Peter Maxwell Davies, Hector Berlioz) in white sans-serif. At the bottom, two outline-style buttons sit side by side: "Buy tickets" on the left in white text on dark overlay, "Read more" on the right in the same style. The cards maintain strict alignment and spacing, creating a modular, scannable layout. The color palette shifts smoothly across the grid (yellow to navy to pink to teal and so forth), creating visual rhythm and individual card distinctness.
Key takeaway
The solid color-blocking per card is instantly scannable; each color creates memory hooks for individual events. Dual CTAs below consistent typography let users choose their next action (purchase versus information) at a glance. The unchanging layout template across all ten cards reassures audiences of content consistency while the color variation keeps the grid lively. The white-on-color contrast meets accessibility standards.
Reuse notes
Perfect for event listings, ticketing grids, or subscription tiers where you need to show many similar items with different metadata. The flat color-block approach is print-friendly and digital-responsive. The layout works best when card counts are 6-12 (fewer feels sparse, more feels overwhelming). Ensure color choices remain distinct enough to differentiate cards at thumbnail size.









