content typography and component typography
Up to this point I have been working on design tokens for typography based on the Wordpress/Grav Theme and Landing Pages sketch files.
Today, having got the typography for the 'general content' there are some questions ...
-
The headings and body copy are different, is this correct?
- For example - body copy in most components is 19px and in the 'general content' it is 16px.
-
Should these be combined into 'one big design token list'?
-
If combined should things that are larger than a 'general content' H1 be called 'display' rather than 'heading'?
This has also brought up an issue with the mixin used and way I'd initially set things up for switching between monospace and sans-serif -- this is a stumbling block that someone using a different typeface could have come across - so it's great I caught it early