Squarespace Design Articles, CSS Guides and Web Design Tutorials
Grid Systems for Web Design: The Invisible Structure Behind Every Good Layout
Every well-designed website is built on a grid, whether the designer consciously defined one or not. A grid is the underlying structure that determines where elements sit, how they align, and how the...
Visual Hierarchy: How to Control What Visitors See First, Second, and Third
A visitor lands on a webpage and their eyes move. Not randomly. Not consciously. Their gaze follows a path determined by visual weight, position, contrast, and the hardwired tendencies of the human...
The Design Principles That Make Websites Work (Not Just Look Good)
Design principles aren't rules imposed by an authority. They're observations about how humans perceive and process visual information. They describe what happens in the brain when someone looks at a...
The Dark Art of White Space
I once redesigned a site where the only change I made was increasing the padding. Same content. Same images. Same fonts. Same colours. I added space between sections, space around text, space between...