Listing sections
Listing sections for design inspiration. Browse real listing section examples across styles and industries.
Intrio Latest Blog Three-Card Grid
A latest-blog section on a warm beige background presenting three article cards in a row. The header reads 'LATEST BLOG' as an eyebrow above a large brown heading, 'INSIGHTS FROM OUR DESIGN STUDIO', with an introductory paragraph about trends and tips set to the upper right. Each card stacks a tall portrait photograph of an interior, an uppercase article title, a two-line excerpt, and a footer row pairing a small circular author avatar and name with a calendar icon and date. The three posts are 'Smart Layout Planning For Better Space And Comfort' (Amelia Bright, 10 Jan 2025), 'Choosing Materials That Elevate Modern Interiors' (Daniel Yuen, 22 Feb 2025) and 'Common Mistakes To Avoid In Home Interior Design' (Leona Hart, 05 Mar 2025). The even three-up grid with consistent imagery, bylines and dates reads as a clean editorial index. It invites browsing while reinforcing the studio's expertise.
Madebydesignesia ↗
Top-Rated Hosts Profile Card Grid
A 'Stay with top-rated hosts' section (with 'hosts' in italic serif) under a one-line subhead about exceptional hospitality. The body is a 2x5 grid of soft gray profile cards, each centering a large circular host avatar above the host's name and location, with a two-cell stat strip at the bottom showing a star guest rating and years hosting. The ten hosts span cities — Truelock (London, 4.9, 5 yrs), Chariot (New York, 4.8, 6 yrs), Nathanil (New York, 4.7, 3 yrs), Agnes (Tokyo, 4.6, 5 yrs), Vita (Tokyo, 4.5, 4 yrs), Donna (London, 4.4, 2 yrs), Sergei (Paris, 4.3, 3 yrs), Claudetta (Paris, 4.2, 5 yrs), Vern (Ha Noi, 4.2, 7 yrs) and Mimi (Ha Noi, 4.2, 5 yrs). The uniform avatar cards and paired metrics make host credibility easy to compare at a glance.
Ceepii-nextjs-template ↗
Explore Nearby Destinations Card Grid
A nearby-destinations block headed 'Explore near by you' (with 'near by you' in italic serif) and a pill button 'Explore destinations →' at upper-right. The body is a 2x4 grid of compact light cards, each combining a small circular photo thumbnail at left with a destination name, a '30 mins drive' subline, an availability chip, and an up-right arrow. The eight cards read: Santo Domingo (+5,000 available), West Palm Beach (+2,500), Outer Banks (+3,000), San Jose (+11,288), Port Aransas (+5,000), Maldives (+7,500), Clearwater (+8,100) and Brooklyn (+1,200). On a plain background with rounded thumbnails and quiet typography, it works as a scannable proximity-based destination grid.
Ceepii-nextjs-template ↗