Spotlight

What it is

Spotlights are images paired with text and a link (optional) on a flat color background. They are best for anything you want to draw lots of attention to.

On most page types, a Spotlight is at the top of the page. If there is a second Spotlight, it will be toward the middle. On a Profile page, the Spotlight is toward the bottom.

Full or half width image

Spotlight images can be full or half width.

Full width Spotlight images are the full width of a screen. Text for these spotlights appears underneath the image.

Full width image Spotlight

Half width Spotlight images are embedded within the color block of the spotlight. Text for these spotlights can be on the left or right of the image.

Half width image Spotlight

Supported content types

5 content types support spotlights:

1. Agency

2. Campaign

3. Report

4. Profile

5. Topic

Agency and Campaign allow up to 2 spotlights. Report, Profile, and Topic only allow 1 spotlight.

Agency page with 2 spotlights

Report page with 1 spotlight

You have the option to add a button in the spotlight. See guidance on buttons.

Example

Front end of a Spotlight on an Agency page

Add a Spotlight

• Find the Spotlight component in the back end of the page

• Click the plus sign icon (+) to add a Spotlight.

• Add a Spotlight title and description.

• Choose an image. See Images for instructions on uploading an Image.

• Decide if you want your image to be side by side (half width) or full width. If you choose side by side, your image can be on the left or right.

• Add a link, if you want. See Button for instructions.