Preview image. Unlock full-res
Split resources hero with serif heading, two-column link list, olive badge, and overhead pedestrian photo masked by white circles.
Summary
Resources landing block pairing a white text column of curated links with a full-height aerial walkway photo punctuated by two large white circular cutouts.
Visual description
Left column on white: large navy serif "Resources" heading, supporting sans-serif paragraph about Conversation Design Institute insights, small olive green "RESOURCES" badge, then two columns of navy text links including News Trends and Updates, CAI Maturity Assessment, Free Courses, Free Webinars, CDI Standards Framework, and Events. Right column is a desaturated top-down photo of people walking on tiled pavement; two solid white circles overlay the image at upper right and lower center, creating a geometric editorial frame.
Key takeaway
Circle masks on photography soften corporate stock imagery while keeping the layout editorial. Badge plus dual-column link list organizes many destinations without a dense mega menu.
Reuse notes
Works for resource hubs or knowledge bases. Overhead photo needs enough negative space for circle overlays; link columns should stay balanced in count.
