UMC Style Guide

Headings

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

Heading 1 A subheading goes here

Heading 2A subheading goes here

Heading 3A subheading goes here

Heading 4A subheading goes here

Heading 5A subheading goes here

Heading 6A subheading goes here

Heading 1

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

This is the default image caption style

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. 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.

Definition List

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

UNews