Free weekly newsletter

Real UI patterns and design psychology in your inbox

Learn how successful products use UI patterns and behavioral design. One email a week from UI-Patterns.com and Learning Loop.

Subscribe

With the rise of magazine-style laid out websites, creating teasers for your content has become a new art form.

The most plain version of this pattern is a thumbnail image accompanied with a header and a description. Some rise to the challenge and also links to related articles or lists recent content from the same category.

Get ideas on how to tease your content on your website’s front page by browsing through the new Content Teasers screenshot collection.

94 examples from the Content Teasers collection

Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from chic.se
From chic.se
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from glam.com
From glam.com
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from nba.com
From nba.com
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from tv2.dk
From tv2.dk
Content Teasers
Content Teasers example from tv2.dk
From tv2.dk
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from ideo.com
From ideo.com
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from j-j.hr
From j-j.hr
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from cnn.com
From cnn.com
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from mag.ma
From mag.ma
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from donq.com
From donq.com
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers
Content Teasers example from vox.com
From vox.com
Content Teasers
Content Teasers example from vox.com
From vox.com
Content Teasers
Content Teasers
Content Teasers example from v76.com
From v76.com
Content Teasers
Content Teasers
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.