Component - Hero - Used to convey what the webpage is about

1. Hero component purpose

This hero component is used to convey the "Purpose" of a page. It consists of 4 elements: Headline, Description, Image and CTA. 

2. Hero component backgound specs

Black background (with white text), white background (with black text) or an image background (with black or white text) can be used.

View specs

3. Hero component font specs

Headline is available in 84px (55 char. ct); 64 px (80 char. ct); 48 px (80 char. ct) and 32 px (125  char. ct). 84 or 64px is most common and recommended.

View specs

4. Hero component headline alignment

The hero headline can be left
or center-aligned

View specs

5. Hero component description and CTA options

The hero component description should be limited to about 120 characters and has the option for 1 or 2 CTAs - either pill buttons or carat links.

Clear pill button A
Clear pill button B

6. Image dimension: 1272px x 477px

Please supply pre-cut jpgs files saved for web along with your copy deck.

View specs

7. The hero can also feature a motion graphic

.gif files must be under 5MB and sized 1272x477px, .mov and .mp4 files can not be used.

View specs

8. Verizon NHG DS font option for headline

Stone override background color

9. Mini Hero red background override

Etiam imperdiet imperdiet orci. Maecenas vestibulum mollis diam. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.