Full-width background

The full-width background can be used to emphasize specific blocks of text and create visual separation that helps break up long vertical pages.

What's Included In This Rendering?

Component overview

A: Background

Required.

The primary component of this rendering is the background. It spans a space beyond the bounds of the standard grid and can be styled with a solid light gray color (link opens in new window), a pattern (link opens in new window), or expansive photography (link opens in new window).

B: Content area

Required.

The content area is highly customizable much like the body area of a standard page. It can accept overlaid sublayouts with inset renderings.

How Can I Use This Rendering?

Sample configurations

SAMPLE 1: Full-width light gray background

Work with Humana to boost well-being

From choosing the stairs over the escalator to snacking on carrots instead of chips, little decisions can make a big difference to your overall health.

SAMPLE 2: Full-width image background

Business associates in a meeting

Work with Humana to boost well-being

From choosing the stairs over the escalator to snacking on carrots instead of chips, little decisions can make a big difference to your overall health.

SAMPLE 3: Full-width patterned background

Connect with HumanaVitality

We'll help you stay healthy and reach your fitness goals.

Join the community

Are you feeling sleepy?

Measure your sleepiness and understand your risk for sleep apnea by taking the quick and easy sleep assessment.

Take the assessment

Get Healthy with the HumanaVitality Mobile App

Available now, get the best of HumanaVitality on one convenient app to help you stay healthy! Download the app for iPhone

Download the app for Android (opens in new window)