Call-to-action bar

PATTERN OVERVIEW

Feature a custom call-to-action and button in a horizontal bar with a dark background to give emphasis. 

Guidelines

• The bar appears at the bottom of all 100-400 level, insights and campaign pages.
  
  
• Button links to contact form customized for audience. A phone number to the appropriate contact point is added when necessary. 
  
  
• Set the background color to off black to help it stand out from everything else on the page.
  
  
• Copy is assigned a <p> tag and styled with a "delta" class.  Example of code: <p><span class="delta">Insert copy here</span></p>
  
  
• Use a large reverse button centered below copy.
  
  
• Column width is set at 1080 or 880 to avoid a line of copy becoming too long causing the reader's eyes to have a hard time focusing on the text.
  
  
• Use the .oi-email icon @ 64 px set to orange, centered above the copy.

AEM component: Use the text3 and icon picker component to build this pattern.

specifications

Copy: Up to 160 characters (including spaces). Copy should not be longer than three lines long. Button label should read "Request more information."

Button: Maximum character count is 25 characters (including spaces).

Button style: Use the large reverse

Type: Use sentence case with complete and punctuated sentences.

Type alignment: Center aligned