Event grid directory with organizational headers

Summary

Light blue event listing page with strict columnar grid, category headers, and side-stacked portrait photography.

Visual description

Soft periwinkle background divided by thin black horizontal and vertical rules into clearly bounded sections. Three event listings occupy the central column: "LDN-19 INITIATIVE-LONDON 07-23.05.2019", "CNS-19-CL CANNES-LION-CANNES 17-21.07.2019", and "NYC-19-AW ADVERTISING-WEEK-NEW-YORK 23-25.09.2019". Each row includes a brief tagline ("Helping to drive diversity and inclusion further, faster.") and a right-aligned plus or X icon. The lower section expands into a larger content block describing the NYC-19-AW event with speaker names (Emelda Davis, Charlotte Robus, Shruti Rai, Hilary Badger) and a left-aligned black-and-white photograph of a participant. Small vertical text reads "MENU" and "ATTRIBUTED" on the outer edges.

Key takeaway

The organizational power of strict rule-based columns and headers to scan multiple events at once. The pairing of small sans-serif labels with larger event codes to create hierarchical scanability. Using a single portrait photograph to humanize an otherwise all-type layout.

Reuse notes

Works best for conferences, workshops, or educational event directories where you need to display many similar items in quick-scan rows. The light blue background keeps the serious grid from feeling cold. Avoid forcing too many entries into one screen; the empty header sections give breathing room.