Style Sheet

This is how your styles are set throughout the site. They are easy to change. If you’d like any changes to them, let me know which style I should change and it will update automatically across the whole site.

H1:

This is the H1 header (main page title)

H2:

This is the h2 header. Sections set with h2 are usually the main introduction to the page and contain keywords for google. H2 is usually a little bigger than the body text but not as big as h1. bold or regular.

H3:

This is the h3 header, used for project titles

H4:

I use the h4 style for the titles in the CV mostly.
It is caps and a bit spaced out.

This is a larger paragraph style that we could use for dates or anything you’d like a little bigger. It looks like h2 but we’d use it for things that don’t need to be in a header style.

This is the regular body text (14 point)

p3 - this is a smaller body text style - mainly for credits and things like that.

This is the quotes style, centred with the author (source) set smaller bold and inset.

I would leave the h3s around this size so they don’t get too long and need to wrap more (they will on a phone anyway, just because the width is less).

“Whatever it is, the way you tell your story online can make all the difference.”

— Quote Source

This is the main title. Every page should have one for SEO and they are the same throughout. I’d use the regular font for this as opposed to the script. (we could override the title style on the art section pages if it’s important to you to have the script title, but it would involve a code block and would be more complicated for you to edit.

The opening notes on the project pages (for example this paragraph below), should be set as H2 for google, or you could add a shorter descriptive paragraph before it with some keywords included. There should be an h2 on every page.

The central image in Cameo is a damaged porcelain print that I salvaged in 1985 from a now-demolished warehouse in London, Ontario. The woman whose image it is, the circumstances surrounding its making, its perversion, and at whose hand—all are unknown to me. These unknowns create a tension; they invest the image with strength while, at the same time, posing disturbing questions. Miriam Fabijan (London Life: Young Contemporaries ‘87 catalogue notes)

The body text is the base font size - 14 px. I would consider making this a little bigger. 15 or 16 maybe. I like how it looks but its harder for people to read. Here’s what best practice is:
The font size on a website should be responsive to the screen size that displays it. In general, a font should be 12-16pt on a mobile screen, 15-19pt on a tablet, and 16-20pt on a desktop computer screen.