Web Guide: Martech button (Call-to-action)

Mainly used for “call-to-action (CTA)” items such as apply now, visit us, register.

Using Penn-red color, large size

Using grey outline, mini size

Using Penn-blue color, small size

Using white outline on dark background. 

LIVE SITE EXAMPLES:

  1. Wharton standards site –  student logo call to action; Penn blue color used: http://standards.wharton.upenn.edu/students/
  2. EMBA uses 2 buttons — Penn red and outline version: https://executivemba.wharton.upenn.edu/

The text font is fixed but button scales to font size; button color can be changed; it can align left, center, or right.

Use spacer/gap or padding to format additional text with the button.