In-page Hero

Description

Used for hero areas within page content as a call-to-action area. Typically used as pre-footer CTA.

Best Practices

Ideally use only 1 per page.
Select photos that make text easy to read.
Headlines and subheaders should be 2 lines at most.

Schema

Name	Description	Type	Value
hero.ribbon	Determines the color of the banner svg.	`string`	`white-sm`

Colors Used

Swatch	Name	Hex	Variable	Usage
	White	#fefefe	$color--white	Text color.

Example

Why VACU

Welcome to Virginia Credit Union. We're here to help you take control of your finances with affordable services, knowledge and opportunities for you to take your money further and reach your goals sooner.