UI Style Guide

Typography


This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong around type to make it bold! You can also use em to italicize your words.

h1. This is a very large header.

h2. This is a large header.

h3. This is a medium header.

h4. This is a moderate header.

h5. This is a small header.
h6. This is a tiny header.

Links are very standard, and the color is set in the Theme Editor. Learn more about the theme's settings.


  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested list item
    • Nested list item
    • Nested list item
  • List item
  • List item
  • List item
  1. Cheese (essential)
  2. Pepperoni
  3. Bacon
    1. Normal bacon
    2. Canadian bacon
  4. Sausage
  5. Onions
  6. Mushrooms

 

Buttons

 

 

Forms

 

This is an error message
Duncan L purchased: for 5 minutes ago.
Alex M purchased: for 16 minutes ago.
Paul W purchased: for 19 minutes ago.
Sam P purchased: for 27 minutes ago.