We're now ready to make our typography considerations. Even if you're designing far into the experience side of the scale, text is the most common element of a site, so you should be prepared to put a fair amount of thought into it.
I like to add an amount of text that has a site name and description paragraph right on top in my header tags, the main body text up high in the content tags, secondary and then tertiary text below that (some of which usually ends up in a sidebar), and the navigation at the very bottom of the page in an unordered list. It's basically that "perfect page" SEO experts go on and on about—a Google bot's delight, if you will.
Minimally, I include <h1>
, <h2>
, <h3>
, and <h4>
headers along with links, strong and emphasized text, as well as a block-quote or two. If I know for sure that the site will be using the specific markup such as <code>
or form elements such as <textarea>
or <input...