Typography Lab: Define a Font Style Guide

[eleonorapopovska]

In this lab we will discuss in detail the Typography we will use:

-For Desktop version
-For Mobile version

The Figma file, where you will be able to find the always updated Icon components is here >>>

https://www.figma.com/design/nJqc9ztwDs8ce0wdE2a4Q5/TangoCloud_2024?node-id=512-28586&t=UxMhQ4JLaqlND3TA-1

We need a system to establish a clear hierarchy to define the visual priority of all text Components. We need to organize, unify and standardize the font Styles we are using by category: Headings, Subheadings, Links, Body Text, Filters, Buttons, Placeholder Text, etc.

Currently, there seems to be no coherent rules, so the Layout looks like this>>>