Components

Headings and text

A well-defined information hierarchy is essential for a user to find their way around an application. One important factor in creating this hierarchy is the use of distinct header styles that help the user make sense of the content being presented.

All text in Pega applications uses the Open Sans font.

  • Standard font size — 14px, 400 weight (normal), and a 1.4 line-height
  • H1 — 18px, 400 weight
  • H2, H3 — 15px, 600 weight (semibold)
  • H4 — 14px, 600 weight, uppercase
  • H5, H6 — 14px, 700 weight (bold)

Last updated: Mar 2017

Capitalization standards

Casing is often inconsistent in software and websites—even in widely-used consumer-oriented software, and even within the same menu.

At Pega, we strongly believe that consistency of casing improves readability and understanding of information and therefore should be given proper attention.

English sentence case (capitalization of first letter of the first word only) should be used for the following elements:

  • Field labels
  • Table column headings
  • Tab headings
  • Secondary headings, such as section headings and layout headings
  • Instructional text
  • Product features, if they begin a new sentence (e.g. "Case management is important.. ")
  • Links and menu items (unless linking to an actual title)
  • Modal dialog titles

English title case (capitalization of the first letter of each major word) should be used for the following elements:

  • Page titles
  • Screen titles
  • Work item titles
  • Rule titles
  • Landing page titles
  • Product names
  • Report titles
  • Application names
  • Proper names (e.g., Christopher Walken)
  • Links and menu items that refer to an item by its title (e.g., If the title of a mortgage case is “Robert Johnson Mortgage M-1234” a link to the case would read Robert Johnson Mortgage M-1234, however, a link with the text “Open the case” would remain sentence case.)

Last updated: Mar 2017

Next: Navigation