The style guide provides you with a blueprint of Scribe’s default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.

Typography Treatment

Scribe pays special attention to typography and type treatment, which really underscores and compliments your content across all devices.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Mixed List Items

  • Unordered list item one
  • Unordered list item two
    1. Ordered list item one
    2. Ordered list item two
      • Unordered list item one
      • Unordered list item two
        1. Ordered list item one
        2. Ordered list item two
        3. Ordered list item three
      • Unordered list item three
    3. Ordered list item three
  • Unordered list item three


The blockquote is used to indicate the quotation of a large section of text from another source.

Stay hungry. Stay foolish.

Multi line blockquote:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

Image Alignment

The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words.

a8c7f4e9Sem nostrum erat leo do rhoncus, laborum morbi magni, condimentum ridiculus qui integer, illum blandit, tempora. Rhoncus, distinctio veritatis pulvinar, sem adipisci, blandit explicabo laborum.

Mollit praesentium reiciendis convallis vulputate maxime, reiciendis exercitationem ridiculus aliquam architecto! Nullam, hic cubilia illo quisquam, id eum delectus accumsan?

owl-1218685Accumsan exercitation etiam? Adipisci, doloribus maecenas! Tristique ipsam aperiam mauris, necessitatibus bibendum eveniet ullam sint quia lacinia. Exercitationem rhoncus facere adipisci! Facere consequuntur accusantium.

Modi aspernatur tenetur dictumst hymenaeos veniam, ultrices ducimus, faucibus euismod, natoque interdum? Auctor, itaque, natus porta autem. Cum occaecat tortor! Fermentum eget convallis? Sociosqu egestas.

The Girl With the Red Tattoo

Preformatted Tag

pre {
    position: relative;
    background: #f7f7f7;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
    tab-size: 4;

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Table Styles

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…