Typography

To learn more about how we write content, head to the Content section.

Our fonts

We use free fonts that you can find on Google Fonts.

Fredoka (sans)

The quick brown fox jumped over the lazy dog.

Shippori Mincho (serif)

The quick brown fox jumped over the lazy dog.

Headings

There are six standard heading levels.

Heading 1 (68px) (bold)

Heading 2 (54px) (bold)

Heading 3 (40px) (bold)

Heading 4 (27px) (bold)

Heading 5 (22px)

Heading 6 (20px)

Paragraphs

The default font size for paragraphs is 18px, with 1.5x spacing, using the color gray-600.

You can do anything here. So don't worry about it. If these lines aren't straight, your water's going to run right out of your painting and get your floor wet. If I paint something, I don't want to have to explain what it is. We can always carry this a step further. There's really no end to this. You're meant to have fun in life. This is unplanned it really just happens.

Links

Links are always underlined so they stand out from surrounding content. Links should be the primary color with a white background, or white with any other background.

A link back home A self-aware link to this page

Lists

Lists always align their bullet points inside the margin.

Unordered lists

It's a super day, so why not make a beautiful sky?
It just happens - whether or not you worried about it or tried to plan it.
Anytime you learn something your time and energy aren't wasted.

Ordered lists

It's a super day, so why not make a beautiful sky?
It just happens - whether or not you worried about it or tried to plan it.
Anytime you learn something your time and energy aren't wasted.