48 great ways to design lists in web design

Blog post by on

We’ve collected 45 examples of great list design on web pages.

They all have great attention to color, spacing, background/foreground relationship, and general style. Some lists use icons, while some use other means of communicating and separating list items. Some are vertical, while some are horizontal. Some consists of boxes, while some are floating in free space.

Either way, they are all elegant and beautiful. Enjoy the Lists screenshot collection!

Anders Toxboe Author

Anders Toxboe is a seasoned product professional who started out as an engineer, ventured into design, then product management. Since 2015, Anders has ventured in executive management with a focus on building successful products. He has also worked as a Product Discovery and leadership coach and trainer, helping both small and big clients get their product right. He also founded UI-Patterns.com, Learningloop.io, and a series of other projects.