Design Trend: Asymmetrical Grid Layout


The idea of applying a grid layout in web design is no spring chicken.

And really, the idea of a dynamic grid isn’t so new either. The rise in popularity of Pinterest back in 2012 surely sparked an onslaught of dynamic grid, Pinterest-like layouts for blogs, news feeds, etc. I know I’ve seen them time and time again.

But lately I’ve found my eye really attracted to an newer, more surprising twist on the grid layout – the asymmetrical grid. I have a well-documented obsession with imperfect geometry (um, hi hand-drawn geo pattern in my blog header), so maybe that’s why I’m drawn to this style. It’s perfect and imperfect at the same time. Predictable, yet surprising. What can I say, I’m a sucker for contradictions.

Anyway, here are five sites featuring this type of UI for you to feast your eyes on. (Oh, and for the record, I’m not even totally sure that “asymmetrical grid layout” is a valid design term – I’m just not much for professional jargon. So if my design friends know the actual term for this, feel free to leave it in the comments!)

Happy Thursday, friends! Get out there and explore something new today!

1. Blocklevel


Join Self-Made Society

This post first appeared in my Monday newsletter to Self-Made Society -- Made Vibrant's email community for soulful creatives. Sign up and you'll get instant access to my e-book, A Year Made Vibrant, with over 50 of my past weekly newsletters.

Powered by ConvertKit