In fact, we try to begin every project by first establishing the governing rules of type. Doing so insures that good the content on this website is both legible and comfortable to read across all screen resolutions.

This is accomplished by taking into account everything from vertical rhythm to optimal line measures. All font sizes are set in relative em measurements which allows for the proportional scaling of font sizes at various design breakpoints. These pages represent base styles and rules for type and media and should be considered a work in progress.

Top Level Header

Above is an example of a top level header element, or the h1 tag. All page titles and ledes have been set in this tag. The Second Level Header tag, h2, has been relegated to any important page level headings.

Second Level Header

As mentioned above, the Second Level Header has been assigned to important page level headings. Though there is no hard and fast rule regarding the amount of h1 tags allowed on a page, but we 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.