Innovative layouts #9 Get to grips with icons

Icons are funny things. Done right, they can truly elevate a Doc. Done wrong, and they can create a bit of a mess.

We Recommend ✓

Using the same line height or size for icons throughout a Doc

Switching on the baseline grid to check your spacing is consistent

Switching off Autofill in the image settings tab, it’s a life saver!

Saving out icons at about 100px wide, this means they will work on mobile as well as desktop

Try to avoid ✗

Increasing the size of an icon simply to fill the space in a layout. Keep icons small and subtle instead