Skip to main content

Typography

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

TypeStyleUsage
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
Did you find this content helpful? YesNo

Have a question? Get answers now.

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

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us