Introduction

This Web Style Guide is intended to serve as a set of guidelines for [Company Name] branded websites. Use these elements to help maintain a consistent visual identity throughout the site. For the complete set of [Company Name] brand guidelines, including downloadable logos and icons and/or print guidelines, visit the Hub Website or email Email@CompanyName.com.

Color Palette

The colors in use on LifeFitness.com originate from the [Company Name] Approved Accent Colors. Some grays have been added to complement the approved accent colors and provide appropriate legibility for copy. [Company Name] Creative Services must approve any additional accent colors beyond the colors listed here for use on LifeFitness.com.

Typography

LifeFitness.com uses Avenir Next Medium and Avenir Next Bold weights. Fallback fonts are Helvetica, then Arial.

To purchase the desktop font license, please visit the [Company Name] page on fonts.com. To integrate the font into an associating website, please contact Email@CompanyName.com.

This section illustrates how typography is applied together in headings and body copy on LifeFitness.com. Notations in light gray are the font size and line height, respectively. This section also includes text link styling. Please note that all of the below applied typography instances can also be displayed in white (#ffffff) on dark backgrounds, as long as legibility is maintained.

TEXT COLORS