Site Typography for Prairie Mountain Media’s Site Builder

Table of Contents

  1. Getting Started
  2. Site Colours
  3. Site Typography
  4. Site Blog
  5. Traffic and Conversion
  6. Design Resources

This post is a part of the Getting Started series for Prairie Mountain Media’s Site Builder. The information in this post is applicable to all websites but it specifically speaks to the Site Builder. Did you want to find out more about the Site Builder? Email me at justin@prairiemountain.media


When you are viewing this page click “Customize” on the top bar. From there, go to General (Branding) > Header Text and set your global fonts, font sizes and line-height. Also, check out General (Branding) > Body Text and General (Branding) > Accent Color to change your body font and hyperlink colours.

Header 1

Use Header 1 on Site Builder pages and posts, but start with a Header 2 on back-end edited posts as they already include the title H1. Select the correct header and change the font size to fit rather than picking the wrong header and changing it manually to the correct size through the Site Builder.

Lorem ipsum dolor sit amet, eu has movet vulputate, essent accusata convenire eam no. Ceteros noluisse pertinacia duo ne. Duo ei modus malorum conceptam, melius disputationi ex mea. Pro utroque electram id. Mel falli moderatius ne, his abhorreant efficiendi quaerendum in, et oratio offendit eam. Ius sumo meliore no.

Header 2

Lorem ipsum dolor sit amet, eu has movet vulputate, essent accusata convenire eam no. Ceteros noluisse pertinacia duo ne. Duo ei modus malorum conceptam, melius disputationi ex mea. Pro utroque electram id. Mel falli moderatius ne, his abhorreant efficiendi quaerendum in, et oratio offendit eam. Ius sumo meliore no.

Header 3

Debet doctus mea ad. His iudico veritus conceptam ad. Ad nec scaevola neglegentur consectetuer, ea timeam deseruisse definitionem mea, rebum comprehensam mea cu. Ei populo impetus delectus eum, commodo dolorem et quo, velit altera sententiae an vix. Error essent mea ad, primis graecis neglegentur eam cu, ea mea magna repudiare. Tincidunt definiebas definitiones pri an, no omnis cetero voluptua eos.

Header 4

Pro disputando complectitur ea, has no liber vitae dicant. Eleifend scribentur at mei, vix integre praesent at. Nam inimicus dissentiet eu. An pro percipit forensibus cotidieque.

Oblique labores maluisset an mel, ex prima abhorreant mediocritatem his. Has id iisque appareat dissentiunt, ei ius aliquid dolorum antiopam. His partem semper persequeris no, ut erat patrioque eos, vel ea nonumy repudiandae. Ad eum nisl malorum luptatum, pro prima putent mediocritatem in.

Header 5

Duo solum fuisset efficiantur ea. Erant nobis postulant mei at. In has minim efficiantur neglegentur, ad usu summo consul. Te posse nobis oporteat est, libris eirmod sententiae ut nam, vel an ullum sonet exercie.

Header 6

Duo solum fuisset efficiantur ea. Erant nobis postulant mei at. In has minim efficiantur neglegentur, ad usu summo consul. Te posse nobis oporteat est, libris eirmod sententiae ut nam, vel an ullum sonet exercie.

This is BOLD paragraph text set with the WordPress text editor. You can also add BOLD TO your headers too. They will look like this:

Header1

Header2

Header3

Header4

Header5
Header5

This is what a quote section looks like. Not very exciting is it?

This is a sentence with some links or anchor tags. You can check the hover effect too. By the way, the link is not going anywhere.

This section of text is using italics or emphasis (em) as it referred to in HTML terms.

Here is some text that has been striked out. How rude!

Here’s a horizontal line:


This is an unordered list:

  • Item One
  • Item Two
  • Item Tree
  • Item Four

This is an ordered list:

  1. Item One
  2. Item Two
  3. Item Tree
  4. Item Four
Posted in