Content Styles
How To | Style Guide | Content Styles | Accessibility | Page Blocks
Pre-title Style
H2 Style – Used in Many Page Blocks as the Title
Paragraph with Intro Text style applied looks like this. An optional style often used highlight the first paragraph of text in a block. Should only be a few lines long, and is often followed by a normal paragraph or bulleted list.
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.
Here’s a horizontal rule:
Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a style guide page that lists all important information on image sizes, fonts, and colors.
H3 Style – General Header
Here’s what a bulleted list looks like:
- 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 4 Style can be Great for Callouts
Images 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 can be used to call out quotes. Be sure to put an author at the end if there is one. Using all caps or bolding the authors name, and putting an em dash before it works well.—KURT CRUSE
Header 5 Style can be Great for Callouts
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 6, LABEL-TYPE HEADER
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. Thanks so much and happy creating!