What is Typography?

If a webpage does not provide clear and organized information, the reader
will abandon it. It is just a messy piece of unorganized text without any
typographic principles. Here comes typography which is the art of
organizing written words so that they can be read quickly.
It is the art of making text come to life. It doesn't only convey a story, but
it also creates an emotional atmosphere that serves the purpose of
communicating a brand message to the targeted audience.
What is a Typography hierarchy?
Typography hierarchy is a way to make the text more readable. The main purpose of
typography hierarchy is to arrange text to highlight the importance of information.
Without a typographic hierarchy, every letter, every word, and sentence in a design
would look the same. Can you imagine reading something where everything is the
same font, size, and color? Where do you start? How do you know what matters
most?
Typographic hierarchy creates the contrast between elements. This helps designers
shine at their dream UI developer jobs by the use of typefaces, size, weight,
capital/lowercase letters, bold or italics, orientation, and color. Combinations of
these design tools are used to create a type that falls into distinct layers.
Levels of Typography Hierarchy
The heading
The heading should contain the most important information to draw the reader's
attention. A compelling header is essential as readers won't be able to move on to the
next sections without it. This element should be visually stimulating, with large bold
fonts and (usually) bold typefaces.
The subheading
The subheading is a great addition to the heading level, as it divides the design into
sections. While it should not be as prominent as the heading, it should be clearer than
the text body.
You can give additional information that expands on the heading and engages the
audience without being too explicit. It is important to grab their attention so that they
read the body.
The body
The body section covers the main text in your design. This is the
most used and smallest type in a design. However, it must be large
enough that all users can read it. Additionally, the typeface should
be clean and consistent in terms of design, spacing, and usage.
Elements of Typography hierarchy
There are more elements through which the hierarchy of
typography can be changed. Consider these most commonly
used elements:
Typeface
Play with different fonts. Blogs should be written in bold and decorative fonts to create an impact.
However, even a light typeface can work.
Case
Although capitalizing body text is not recommended for readability, uppercase characters can be used in
headings and subheadings to help distinguish different headings.

Weight
The weight refers to how light or heavy a typeface is. A heavier font can make text appear larger and more
critical. Conversely, a lighter font can make the text seem less important.
Alignment
Alignment impacts the typography hierarchy visually. A centered heading and the body content flushed right
gives the text prominence and importance
Color
While color is often overlooked when creating hierarchy, it's an amazing option. It is possible to create a
distinct hierarchy by using both lighter and darker shades of a particular color.
Position
A design will be easier to understand if you separate the information and place them in the right order.
Therefore, it is important to put the most important content at the top of your design.
Spacing
The spacing between each word/line indicates clarity. More white space helps to emphasize important
elements. This can be used to your advantage. Therefore, avoid the temptation to put all text together.

Contrast
Contrasting any of these factors: size, weight, or color, will draw attention.