Brandon Grotesque Main Headline Area – H1

Header 4 style, for optional intro highlight type copy. Should only be a few lines long, and let the reader know what they’re about to get into. Plus, it looks great!

Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as emphasize text. You can also insert links to download things in your content, ‘Example Document Title’ (PDF), like this.

Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a technical page that lists all important information on image sizes, fonts, and colors.

Header 2, Used for New Sections

You’ll notice there is a bit of extra space above the Header 2 above. This is done by putting in a line-break. This visual break can be nice when starting a new section of content. You’ll learn how to insert these in training, but you can see them in the HTML view as well. They’ll look like this: <br/>.

  • This is a bulleted list.
  • You can also do a numbered list (bullets will change to numbers).
    • You can also create lists inside of a list.
    • Just like this!
  • We highly encourage the use of lists to make your content easier for the user to scan and digest quickly.
  • Most users on the web are task-oriented, so the easier the better.
  • Long paragraphs can be cumbersome and intimidating. Be sure to remember the medium, and don’t write copy the same way you would for print!

Header 3, Used for Smaller Sections or Sub-Sections

It’s important to also mentio
n that this is just a reference page. We would never encourage you to use all of these styles on one page, all at once. Rather, this is your guide to all things possible. This page is your point of reference for all the tools in your tool-box.

cropped-favicon1.pngImages can not only be attached using the sidebar feature on the right, but they can also be inserted into the center content area like the image to the right has been. You have the ability to align the image to the right or the left, or insert an image that is the full width of the content area, having no text on the left or right of it. Don’t forget to put a bit of padding on it, so the text doesn’t butt right up next to it.

Blockquotes, like this one, can be used to call out quotes or testimonials by employees and customers. They are a powerful tool that provides social proof.

Be sure to put an author at the end if there is one. Also, you need to apply the blockAuthor class to the author name so it uses the Myriad font. It’s located in the styles drop-down of the WYSIWYG where this text is entered or in HTML view it’s applied to the P tag wrapped around the author.

— Kurt Cruse, Orbit Media Studios

These interior styles are also available when creating content for other pages, like writing a blog post, a news article, etc. These same styles will apply to your headers and body copy. For the most part, the same can be said for any open content areas in the sidebar, home page, contact page, and so on.

Header 5 Style can be Great for Callouts

We hope you’ll come back to this page when you’re working on new content, or editing existing content. Of course, if you have any questions along the way, use the Help button located in the top left of Mighty-Site to reference all of our help docs or contact support.


Above me is an example HR. Besides the hearder 6 below, that’s our last example element. Thanks so much and happy creating!

Header 6, Label-type header as seen on homepage, shouldn’t need for interior pages.

Blockquotes, like this one, can be used to call out quotes or testimonials by employees and customers. They are a powerful tool that provides social proof.

Be sure to put an author at the end if there is one. Also, you need to apply the blockAuthor class to the author name so it uses the Myriad font. It’s located in the styles drop-down of the WYSIWYG where this text is entered or in HTML view it’s applied to the P tag wrapped around the author.

— Kurt Cruse, Orbit Media Studios

 

This is a Title

This is a text area. Can be a couple sentences if you wish. Should be useful information for your visitor.

+ This is a Link

Our Company – H2

Paragraph style copy. Ipsum dolor sit amet, te facilisis eloquentiam per, id autem detraxit pertinacia eum. Usu decore reprimique ad. Enim tota perpetua ne ius, vim an duis summo intellegebat. Ea etiam malorum persecuti per. Per ea inani.

BACKGROUND COLOR? Add class= blue in the Section Module Settings (to get there, save & exit this screen, then click on menu icon in the BLUE bar this block resides within.

To center the text next to the image, add class = center in the Section Module Settings (to get there, save & exit this screen, then click on menu icon in the GREEN bar this block resides within.

Learn More

Test Header

Callout Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed gravida nisi. Proin viverra massa nunc, eget pharetra nisl sollicitudin ut. Nam vulputate mauris sed dui ultricies, eu pulvinar tellus egestas.

+ Call to Action

Callout Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed gravida nisi. Proin viverra massa nunc, eget pharetra nisl sollicitudin ut. Nam vulputate mauris sed dui ultricies, eu pulvinar tellus egestas.

+ Call to Action

Callout Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed gravida nisi. Proin viverra massa nunc, eget pharetra nisl sollicitudin ut. Nam vulputate mauris sed dui ultricies, eu pulvinar tellus egestas.

+ Call to Action

Recent Posts

Measles Symptoms and Prevention

Dr. Emily Arch breaks down the recent influx in measles cases in the United States, detailing symptoms of the illness and what you can do to prevent it. Within the last 6 months, over 1,000 individual cases of measles have been reported in the United States - the...

read more

Full-width Page Block Example

BACKGROUND COLOR? Add class = dkGray in the Section Module Settings (to get there, save & exit this screen, then click on menu icon in the blue bar this block resides within.

When Adding the FAQ Section in an Interior page, use the Toggles module (like the below).

FAQ1

Text

FAQ2

Text

Test Header

Callout Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed gravida nisi. Proin viverra massa nunc, eget pharetra nisl sollicitudin ut. Nam vulputate mauris sed dui ultricies, eu pulvinar tellus egestas.

+ Call to Action

Callout Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed gravida nisi. Proin viverra massa nunc, eget pharetra nisl sollicitudin ut. Nam vulputate mauris sed dui ultricies, eu pulvinar tellus egestas.

+ Call to Action

Callout Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed gravida nisi. Proin viverra massa nunc, eget pharetra nisl sollicitudin ut. Nam vulputate mauris sed dui ultricies, eu pulvinar tellus egestas.

+ Call to Action