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 em 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 should be considered a work in progress. You can always let us know where these styles can be improved for by dropping us a line @press75 on Twitter.

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.