In the last two years or so, grid-based layouts have become very popular in web design. A grid is a series of intersecting horizontal and vertical lines that serve as guides to place elements in a design. To put it in simple words, grids are a system for creating order among elements in a website. Grids provide a common graphic language that makes it easier for both designers and developers to work on a website. It helps users to better understand the information as it's shown in a more structured and logical way.
In this post we showcase 30 beautiful grid-based websites.
Enjoy them!
-
Oh Happy Days by Big Horror Athens and No Matter in H.M The days for happier feet are finally here! Days by Christou 1910, is a new brand line of anatomical and deodorizing insoles.
-
Webflow Redis Agency by Redis Agency and Pavel Dergachev in H.M Redis Webflow is the website of our creative development department. It is dedicated to our love for Webflow, our clients and projects, and the team.
-
Duling Hall by madgweb in H.M Duling Hall is an architectural gem as well as an award-winning live music and events venue with an intimate feel and mighty acoustics.
-
Bienal Arquitectura Urbanismo by Sevenap and ESIETE in H.M XV Bienal de Arquitectura y Urbanismo de España—BEAU. Inspired by architectural drawings & modular typography of Bauhaus. An extraordinary promotion of good architecture of Spain.
-
Salt Architecture by subject-matter in H.M A new website for Salt Architecture, leveraging Sanity CMS and Next.js. Designed by McCarthy, the site uses strong imagery and brand colors to highlight Salt's architectural work.
-
Annie Downing Interiors by SDCO Partners in H.M A reimagined portfolio site for Annie Downing Interiors. The site celebrates the studio's portfolio, coupled with the launch of a wallpaper line.
-
Arte Charpentier by Limpide in H.M Finding the right balance between visual experience and SEO performance
-
INJOY by Nataliaortiz in H.M INJOY is a construction company. The "N" of the logo represents an open door which emphasises the word "IN". All the brand, including the website, remains to architectural plans.
-
LVNG The future of home living by Achromatic and maciej-pietrowski in H.M LVNG is a new way of thinking about living, buying, and owning real estate, as well for renting purposes.
-
OAKS LANE SA by EWM. SA in H.M Family Office | Real Estate Investment Company Web Site | OAKS LANE SA Designed & Developed by EWM SA - A Geneva & International web & development agency. www.ewm.swiss
-
GoodLove 2023 Year in Review by GoodLove in H.M Being honest 2023 was a tricky year – but full of great moments too. So GoodLove built a microsite to capture all of 2023’s work, laughter, and ridiculous team photoshoots in one place.
-
© Selected works 08 — 24 by Jin Su Park in H.M Jin Su Park is an open source loving multi-disciplinary product designer and developer who brings to life bespoke brands and product ideas that intrigue and delight.
-
Design Education Series® by Obys Agency , Viacheslav Olianishyn and Olha Olianishyna in H.M Original Design Education Series by Obys® about the main design principles.
-
ANRÓ by loak.studio in H.M This project highlights ANRÓ's creativity through his captivating video work, blending storytelling, design, and emotion to reflect his unique vision and innovative artistic approach.
-
Upstream by Coulee Creative in H.M Upstream is a non-profit organization. You can impact the lives of individuals and families devastated by poverty. It’s through your generosity that we create such powerful change.
