Text Elements

Emerson's text hierarchy uses a succinct set of text size and weight combinations to help create distinctive focus points within the page and make the content more easily scannable and readable. Components in CoreMedia are designed and developed with this text hierarchy already in mind.

New functionality added to the Rich Text Editor Style menu allows content editors more flexible authoring of alternative text styles within the body copy of components to better suite their specific content needs. While the RTE Style menu is enabled within all components, not all available style options are intended for use in all components. Refer to the "Component RTE Usage" listing for each text style for guidance on where these styles are approved for use. To use of these text styles in other components not listed below, please consult with your Governance Team for approval first.

For additional information on using the RTE, view the Rich Text Editor Guidelines

Heading Element & Title Styles

Headings and titles create contextual breakpoints within the page hierarchy and intuitively convey to users when a new content section begins or a shift in subject matter occurs.

**Note: HTML heading elements (i.e., <h1>–<h6> tags) are pre-configured within components where appropriate and are not authorable within the Rich Text Editor. Instead, content editors are able to change the display of regular text (i.e., <p> elements) to look like headings by applying one of the "Title Style" options (H1–H6) in the RTE Style menu to the text they want to change (e.g., applying the "H1 Title Style" will make regular text display the same as an <h1> element).

Paragraph & Body Styles

Paragraph text includes several body style options to create a richer content experience and allow more variety in rendering the text to better fit the content type and messaging objectives.

The Article Body Style option is recommended for use with longer form press release, news-related, or other article type content authored within C034 or C044 Rich Text components only.

Although hyperlinks can be added to any body copy text in the RTE, it is recommended to avoid authoring hyperlinks in body text that will display with the P1 or P2 Body Style options and to instead use the CTA button configurations available in the given component.

**Note: P5 Body and P6 Body style options are not available for use in the RTE Style menu and are only intended for limited content use cases (e.g., certain notification messages and legal disclosure text).

Basic Text Styles

Basic text formatting options give content editors the ability to style text as needed to add emphasis (bold, italic), list citations (italic), or convey mathematical content (superscript, subscript) appropriately within body copy text.

While these options are enabled for all components, they should be used only very sparingly and generally avoided in text intended to display with any Title Style, or P1 & P2 Body Style options.

Label Styles

Labels are used in a variety of ways across the Emerson.com website, from conveying what type of data is required in form fields, to denoting column and/or row headings in tables, and even preceding some heading elements to help convey additional information or context about the content the user is about to read (e.g., "Eyebrow" labels).

List Styles

Lists can be used to display a set of ordered or unordered content—or a mix of both.

While list style options are enabled for all components, they should be used only when necessary and generally be avoided in text intended to display with any Title Style, or P1 & P2 Body Style options.

Default RTE Block Quote Style

The default block quote is an RTE formatting option that is available for authoring call out content as a stylistically more basic alternative to existing C039 and C039B Pull Quote component options.