Brand Colors

Button Styles

Header 1: Regular

Header 1: Bold

Header 2: Regular

Header 2: Bold

Header 3: Regular

Header 3: Bold

Header 4: Regular

Header 4: Bold

Header 5: Regular

Header 5: Bold

Regular Text: Small

Bold Text: Small

Regular Text: Normal

Bold Text: Normal

Regular Text: Large

Bold Text: Large

Body Text Example

Regular body copy. Typically used to display regular data across the site, such as course detail, blog text, and most other non-header text. Best practice, for accessibility, recommends that this is no less than 16px, though this may vary depending on the font being used: different fonts may appear larger at 16px than others, and some can appear smaller.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis

Body Text Example: Large

Large paragraph style. This is generally a shorter blurb, often centered.

The larget style is intended to command more attention than the regular style, but less than any of the header styles. Can often be used in header-like fashion to preceed additional, regular-styled text which continues to discuss the topic mentioned prior.

Body Text Example: Small

Short. Often legal copy or labels