Style Guide

In fact, we try to begin every project by first establishing the governing rules of type. Doing so insures that 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.

One good thing about music, when it hits you, you feel no pain.

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.


Always be yourself, express yourself, have faith in yourself, do not go out and look for a successful personality and duplicate it.

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.

You’re never too old, too wacky, too wild, to pick up a book and read to a child.

The Third Level Header may be used for any form of page level headings which falls below the h2 header in a document hierarchy.

I have been impressed with the urgency of doing. Knowing is not enough; we must apply. Being willing is not enough; we must do.

The Fourth Level Header may be used for any form of page level headings which falls below the h3 header in a document hierarchy.

Imperfection is beauty, madness is genius and it’s better to be absolutely ridiculous than absolutely boring.

The Fifth Level Header may be used for any form of page level headings which falls below the h4 header in a document hierarchy.

Victorious warriors win first and then go to war, while defeated warriors go to war first and then seek to win.

The Sixth Level Header may be used for any form of page level headings which falls below the h5 header in a document hierarchy.

Pages 1 / 2 / 3 / 4 / 5