Considering the following panel, are there any rules of thumb, tricks or guidelines to optimize / balance the look?
This is the panel with vertical measurements:
The panel is part of a website, in which I'm considering using an 8px spatial system.
I can imagine there are general rules / guidelines. Besides that, I'm specifically wondering about the following:
- the whitespace on top and bottom of the list (above 'Car' and below 'Soup')
- the space between the text-baselines
- relationship of the font-size (13px) or cap-height (10px) to the rest of the spacing
- any other useful rules / guidelines or articles that can help me further.
Note that the font-size cannot be changed due to business-reasons.