UMC Style Guide

Headings

The following are the six different heading tags and what they look like by themselves and with text.

Heading 1This is what a subheading would look like

Heading 2This is what a subheading would look like

Heading 3This is what a subheading would look like

Heading 4This is what a subheading would look like

Heading 5This is what a subheading would look like

Heading 6This is what a subheading would look like

Heading 1

This is a paragraph of lead text. Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Images

Align None adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Align Left Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.
Align Center Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Align Right Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Light Gray Border

To have an image with this style, add the class “light-gray-border” under the advanced tab when you insert the image.

Image Captions

Default Image Caption Style

This is the default image caption style

Buttons

Secondary Button Small

Button Large

Primary Button Large

Secondary Button Large

Arrow Button

Arrow Primary Button

Arrow Secondary Button

uppercase Button

uppercase Primary Button

uppercase Secondary Button

Full-Width Button

Full-Width Primary Button

Full-Width Secondary Button

Outline Dark Button

Outline Light Button

Outline Primary Button

Block Quotes

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ab, eaque. Animi at tempore sed molestiae corporis placeat eius cumque unde, eos libero laudantium! Magnam consectetur officiis dignissimos molestiae voluptates.

Drop Caps

While we are on a role, let's test a drop cap.... Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem.

Definition List

Definition Term 1: defintion 1
Definition Term 2: defintion 2

About

Events

Subscribe

Support Us

Utah Presents