Any material about typography in webapps?


#Webapps vs Sites
Hi guys!

There are numerous references about typography for sites, but I found them not so useful when planning a webapp.

Of course I may be wrong, but in a very general way institutional sites/personal site are usually more focused in communication and webapps more focused in completing tasks.

So, if that is true, how should we deal with typography in webapps? What are the main differences from sites?

In webapps, I try to:

  • define a smaller contrast between the biggest and smallest type sizes. The difference between each step is smaller;
  • vertical rhythm get a little bit trickier, since there are more elements then just “h1, h2, paragraph, paragraph, paragraph, h2, paragraph, paragraph etc…” as commonly are shown in examples about VR. I define every margin and padding using rem, in order to keep using the same value in all blocks and elements.

So far, most of the UI is beautifully fitting the VR of the application, but I would love to know your thoughts about it.