03.1 / Color Specifications
Accessibility color contrast compliance
Specific to text/font usage, WCAG 2.0 level AA requires a contrast ratio of 4.5:1 for normal text (14 point and bold or larger) and 3:1 for large text (18 point or larger).
Using the palette
United web 2.0 utilizes established brand colors in the modular system that has been established on the homepage. Each of the six primary colors have been assigned to the navigation modules on the homepage. Whenever possible, these colors should be used in connection with their module to create consistency. The color palette has also been expanded to include a new tertiary family, and an additional gray scale palette. This additional family provides for more flexibility, and has been specifically chosen to work well with the primary palette.
Membership palette
Our membership program palette is comprised of five colors, each associated with a particular MileagePlus membership level. These colors are only approved for use in communications that target audiences related to either Premier Silver. Premier Gold, Premier Platinum, 1K or United Global Services membership levels, respectively. When budgetary or technical constraints exist that limit the ability to use a color from the membership program palette, default to Premier blue and/or Platinum gray.
Specific to text/font usage, WCAG 2.0 level AA requires a contrast ratio of 4.5:1 for normal text (14 point and bold or larger) and 3:1 for large text (18 point or larger).
Using the palette
United web 2.0 utilizes established brand colors in the modular system that has been established on the homepage. Each of the six primary colors have been assigned to the navigation modules on the homepage. Whenever possible, these colors should be used in connection with their module to create consistency. The color palette has also been expanded to include a new tertiary family, and an additional gray scale palette. This additional family provides for more flexibility, and has been specifically chosen to work well with the primary palette.
Membership palette
Our membership program palette is comprised of five colors, each associated with a particular MileagePlus membership level. These colors are only approved for use in communications that target audiences related to either Premier Silver. Premier Gold, Premier Platinum, 1K or United Global Services membership levels, respectively. When budgetary or technical constraints exist that limit the ability to use a color from the membership program palette, default to Premier blue and/or Platinum gray.
Button gradients
The button gradients are visual cues used to convey a sense of selectability and draw attention to the element, in order to assist the user in completing a task.
Gray button on gray color field
The only time this gradient should be used, is when there is a secondary action (button) sitting within a gray color field. The buttons in this case should have a one pixel stroke added to give separation from the color field. This gradient is not to be used in any other circumstance.
The button gradients are visual cues used to convey a sense of selectability and draw attention to the element, in order to assist the user in completing a task.
Gray button on gray color field
The only time this gradient should be used, is when there is a secondary action (button) sitting within a gray color field. The buttons in this case should have a one pixel stroke added to give separation from the color field. This gradient is not to be used in any other circumstance.