Tiny Theme is designed to have clean and easily readable typography. Every element of the site is tied directly to the size of the font and scales alongside it. For example, if you increase the site-wide font-size, other elements of Tiny Theme will scale to match. This page demonstrated the default typography of Tiny Theme.

Header 1 - Site Title

Header 2 - Post/Page Title

Header 3 - Subtitle

Header 4 - Sub-subtitle

This sentence includes a link, italics, bold, and a highlight.

Blockquotes

This is the default blockquote style in Sumo theme.

This is a blockquote with a citation.Source Info
By adding a class of large to a blockquote, you can create one like this.Citation

Lists

  • This is an unordered list
  • This is an unordered list
  • This is an unordered list
  1. This is an ordered list
  2. This is an ordered list
  3. This is an ordered list

Code

Sumo theme supports inline code as well as code blocks:

<p>This is a block of code.</p>

Special Classes

You can add a paragraph with a note class.

You can add a paragraph with a alert class.

You can add a paragraph with a aside class.

You can add a paragraph with a callout class.

Page Fold

Sumo includes page fold functionality, perfect for suggesting other content, advertisements, and special information.

New Podcast!

You can listen to the new podcast about the stuff you find on my personal blog. Published twice a day, it is a 4 hour exploration of life and technology as it relates to modern farming and international relationships. It's only available via the least popular app and requires a $99/day subscription.

Footnotes

You can also use markdown1 footnotes throughout.

Images

Images stretch the full-width of the container element. On mobile, they’re beautifully edge-to-edge.

Matt and Kalena in front of a castle in Lithuania

  1. This is the footnote. ↩︎