The Golden Ratio


Learning about the golden ratio and how long humans have been using it was really amazing to me. It was even more amazing to learn that it is naturally found in nature. The ratio is 1:1.61. This can be applied to many things but in web design it would equate to 1px to 1.61px or 100px to 161px. This illustration shows a basic use for this ratio be splitting the content on the left with a website navigation bar on the right.

Screen Shot 2017-09-29 at 1.01.47 PM.png

You don’t have to apply this ratio to just layout. You can also apply it to typography. has a free automated typography calculator that allows you to set you content width, font size, and characters per line or any combination of them to get recommendations about line height and grid settings etc. Check them out here