Typography is the foundation of any design project we work on. In fact, we begin every project by first establishing the governing rules of type ensuring maximum readability comfort across all screen resolutions.
This is accomplished by taking into account everything from vertical rhythm, to comfortable reading measures, to scalable typography and incremental leading. All font sizes are set in relative rem measurements which allows for the proportional scaling of font sizes based on the end user’s browser settings. This page represents base styles and rules for type and can be modified for each site.
Top Level Header
Above is an example of a top level header element, or the h1
tag. All page titles have been set in this tag. Consider using the Second Level Header tag, h2
, for any important page level headings.
Second Level Header
As mentioned above, the Second Level Header is best used for important page level headings. Though there is no hard and fast rule regarding the amount of h1
tags allowed on a page, I tend to always only use one and rely on h2
for critical page headings.
Third Level Header
The Third Level Header may be used for any form of page level headings which falls below the h2
header in a document hierarchy.
Fourth Level Header
The Fourth Level Header may be used for any form of page level headings which falls below the h3
header in a document hierarchy.
Fifth Level Header
The Fifth Level Header may be used for any form of page level headings which falls below the h4
header in a document hierarchy.
Sixth Level Header
The Sixth Level Header may be used for any form of page level headings which falls below the h5
header in a document hierarchy.