To achieve an excellent Vertical Rhythm and solid Visual Hierarchy between text elements in your designs, you need to look after those margins.
I’ve seen a lot of designs, most notably in article lists, where headings have been given equal top and bottom margins, removing the connection with the body text beneath them.
In situations like this, I always give my headings a little more top margin and a slightly less bottom margin, so the connection between the headline and the content beneath is stronger, and the correct Vertical Rhythm and Visual Hierarchy is maintained across all of the articles.
