Grow as a designer

Test your design knowledge and get valuable insights
on how to improve and advance your design career.

Learn more
Powered by Learning Loop

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

Based out of Copenhagen, Denmark, Anders Toxboe is a Product Discovery coach and trainer, helping both small and big clients get their product right. He also founded UI-Patterns.com and a series of other projects. Follow Anders at @uipatternscom.