Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      


Updated on February 2, 2021

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.

Header 119px, Regular, General colorPage headers
Header 217px, 800 weight, General colorSection headers
Header 315.5px, 800 weight, General colorSub headers
Header 414px, 800 weight, General colorSub headers
Normal Text14px, Regular, General colorInput text, descriptive paragraphs, buttons, read-only fields
Label13px, Regular, Label colorField labels
Instruction text11px, Regular, Instruction colorInline instructions
Links14px, Regular, Link colorLinks, button text
Error text12px, 800 weight, Error colorInline errors/validation
Success text12px, 800 weight, Success colorSuccess/confirmation messages

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us