Stuff & Nonsense product and website design

Layout Love, compound, modular, and ratio-based grids

Layout Love, compound, modular, and ratio-based grids

Compound, modular, and ratio-based grids

Layout Love

Compound, modular, and ratio-based grid templates for any design project. Contains all the HTML and CSS you need.

Try the Layout Love compound grid generator

Not 100% happy? You’ll get your money back and you can even keep the files.

Recommended

Complete set

Every Layout Love template

4+5 compound grids

12 responsive compound grid modules and 3 full-page layouts. All the HTML and CSS you need.

4+6 compound grids

12 responsive compound grid modules and 3 full-page layouts. All the HTML and CSS you need.


3+4 compound grids

12 responsive compound grid modules and 3 full-page layouts. All the HTML and CSS you need.

Modular grids

18 HTML/CSS Grid modular grid components based on a 4-column, 5-column, and 6-column grids.

Ratio-based grids

15 three-column HTML/CSS Grid modules and 48 five-column modules based on three and five column auron (golden,) biauron, diagon, sixton, and doppelquadrat ratio grids.


About Andy Clarke

Andy Clarke portrait I’m Andy Clarke, an experienced product, website, and user-experience designer. My work blends art direction, branding, and editorial with interaction and user experience design. I help businesses, charities, and other organisations improve how their products and websites look and perform. I’ve written five books about website design, given over 85 conference talks, and have delivered design masterclasses worldwide.

I’ve worked with:

Hire me. I’m available to work on new design projects.