MetaMask / mm-docs-v2

MetaMask developer documentation v2
https://docs.metamask.io
Apache License 2.0
14 stars 5 forks source link

Adjust font-sizes slightly to improve readability #75

Closed eriknson closed 1 year ago

eriknson commented 1 year ago

I suggest we reduce our font-sizes down slightly, see sizes and preview below.

Suggested

Current design for comparison

Current
alexandratran commented 1 year ago

After testing this out, I think it may be better to leave the heading sizes as they are, because the 16px h3 size would be almost the same as the paragraph font size, and there might be cases (e.g., pages with long lists of complex content, such as API references) where we want to use the h4 heading size - which needs to be at the least the same size as the paragraph font size.

vandan commented 1 year ago

@eriknson we may need further guidance on tuning the font sizes.

vandan commented 1 year ago

Re-opening this issue because we still believe some fine tuning is necessary.

vandan commented 1 year ago

from @eriknson

h3 or definitely h4 should be a similar size as paragraph and differentiated using e.g. font-weight / color. I think we should re-open this issue because right now titles are way to big and negatively affecting the readability. See how e.g. linear sizes their titles for inspo.