FreddieMac.com

CTA Buttons

CTA Buttons are a link that is visually design to look like a button. It is different from actual <button> elements, which are used on forms or other interactive elements to trigger an action like submit, reset, toggle, etc.

Single Buttons

You cannot select a button color -- all buttons are designed based on the background they display against. Single buttons are navy unless the current background is also navy, in which case the button is blue.

Sample Callout

This is a white callout.

Button One

Sample Callout

This is a concrete callout.

Button One

Sample Callout

This is a blue callout.

Button One

Sample Callout

This is a green callout.

Button One

Sample Callout

This is a Navy callout.

Button One

Multiple Buttons

The first button will be navy unless the current background is navy, in which case the button will be blue. Any subsequent buttons will be hollow, with either black or white text/border, based on whichever is higher contrast.

Sample Callout

This is a white callout.

Button One Button Two

Sample Callout

This is a concrete callout.

Button One Button Two

Sample Callout

This is a blue callout.

Button One Button Two

Sample Callout

This is a Navy callout.

Button One Button Two

Sample Callout

This is a green callout.

Button One Button Two

CTA Buttons With Filemarkers and Offsite Icons

These icons are based on the content being linked to.

Filemarkers are added to links to documents.
Initial CTA Additional CTA

Offsite markers are added to links that leave *.freddiemac.com domains.
Initial CTA Additional CTA