<?xml version="1.0" encoding="utf-8"?>

Hierarchical grids

Hierarchical grids Bad Practice
Hierarchical grids Best Practice

Although hierarchical grids may look a bit chaotic, lack regular structuring, and don't contain repeated intervals, the layout naturally relies on a website's specific content.

Hierarchical grids place elements intuitively — the content itself defines the logical alignment and overall composition. Designers can adjust grid rows, columns, flow lines, margins, modules, etc., according to the need of the website's content.

This grid type helps navigate users through the information in the desired way, from the most vital elements to the less important ones.

Pro Tip: You can apply a more precise approach and use math calculations to define the content arrangement.

Improve your UX & Product skills with interactive courses that actually work