Text

Text Intent and Usage 

The text component allows the addition of text to a page in any size, shape, or form. It's important to make sure the text is formatted so it is easy to read and follow.

See the Content Checklists for more details on how to format text.

Text Design Guidelines

• Confine the width of text on the page to make it easier to read (recommended no more than 700 pixels wide).

Text Content Guidelines

• Break up text with headings.
• Confine sections between headings to 300 words or less.
• Keep sentences and paragraphs short.
• Organize content with bulleted lists, but not too many.
• Provide sequential instructions for tasks, and use numbered lists.
• Use clear language, especially on links.
• Include a call-to-action or directive.

Text Examples

The following represent the text options in the text formatting bar at the top of the text field.

H2 Heading

Bold text looks like this.

H3 Heading

Italic text looks like this.

H4 Heading

• Bullet list item looks like this
• Bullet list item looks like this
• Bullet list item looks like this

H5 Heading

1. Number list item looks like this
2. Number list item looks like this
3. Number list item looks like this

H6 Heading

Paragraph text looks like this.

Link looks like this

Block quote looks like this. This is a block quote. Block quotes are indented. Block quote looks like this. This is a block quote. Block quotes are indented. This is a block quote. Block quote looks like this. This is a block quote. Block quote looks like this. This is a block quote.