When creating constants, use semantic names for your variables. For example, instead of naming one of your font-sizes
h2, use a name like
displayLarge that describes its role. Similarly, for font-weights, instead of naming one of your weights
600, give it a name like
semibold to describe its effect.
It’s important to get the values right for variables like font-sizes and line-heights. This is because they directly affect the vertical rhythm within a design. Vertical rhythm is a concept that helps you achieve consistent spacing between elements.
... read the whole story at medium.freecodecamp.com.