Web

Calls to Action

Module 27: Full-Width Call-to-Action

• Desktop PSD Template: Module 27 (181 k)

The Call-to-Action module most often abuts the footer as shown here, but can be used in the page body.

When abutting the footer, there are 120 px between the module content and the top of the footer (on desktop). When in the body, there are 56 px between the module content and the bottom of the background strip (on desktop).

Note that the button should match the headline and rule color -- use the Type on Light Background color.

Although it is not required, the headline most often links to the same location as the action button.

Module 27

Large Arrows

• Desktop PSD Template: Large Action Arrow (13 k)

Arrows typically appear in black, but may appear in any palette color. Width of the button will span to accommodate the length of the label.

Large Action Arrows

Small Arrows

• Desktop PSD Template: Small Action Arrow (18 k)

Arrows typically appear in black, but may appear in any palette color. Width of the button will span to accommodate the length of the label.

Small Action Arrows

Stacking Small Arrows

Small arrows may be stacked as shown.