There are so many resources about this in theory, but I can't find any detailed guides or resources on how to apply the principles in an existing complex UI. The most obvious ones would be differentiation by copy size, in many UIs like in facebook and youtube that manage to pull off a good hierarchy at the micro level as well as the macro level.

What would be a good guide or process to follow?

  • Are you asking how to achieve visual weight in general or how to achieve visual weight in/via typography alone?
    – drabsv
    May 11, 2021 at 10:24

4 Answers 4


Some resources I'd personally recommend when it comes to the practical side on fonts in (web) UI development would be:


Rank all of the text elements in order of importance and use the classic typographic scale to assign an appropriate font size to each element.


It's not an online guide or process, but I found Robin Williams' Non-Designer's Design Book to cover this sort of thing pretty well when I was starting out. (I can't comment on the fourth edition, though... I still have the first edition!)


Check this: vanseodesign.com/web-design/visual-balance > 14 Factors that Influence Visual Weight.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.