Documentation and uses for the Wiley Online Library color palette
Color should be used sparingly and consistently throughout Wiley Online Library. The sensitive nature of the material and the importance of identity to our journals and societies requires the colour palette on WOL be supportive of their content and not work against it. Some examples of how certain colors should be used are outlined below.
Due to vast range of content and functionality, it is perfectly acceptable to use any of the colors below for text, backgrounds, borders, etc. to accommodate the needs of the content and the user. However, please take note of the following:
- Avoid using the primary blue colour on text that is not a link - this can mislead the user in thinking that it is a link.
- Avoid using success green or danger red in close proximity to forms or other types of alert messaging - this colour is used in form validation and communicating messages to the user.
Wiley Online Library uses a reduced and modified version of the One Wiley Branding colors. Some colours did not meet the accessibility criteria WOL tries to uphold.
- Form validation
- some decoration
- full-access branding
- Access Denied
- Form validation
- Alerts and messaging
- Typography color on dark backgrounds
- Primary background color
- Alternate background color
Does not meet AA WCAG contrast requirements when paired with Grey-500
- Differentiating copy on white backgrounds
- 'muting' certain pieces of text to reinforce hierarchy
- Form input borders
- Form placeholder text
- Body text color
- Wiley corporate brand; 'Wiley Black'
To help create a recognizable identity for the generic and administrative parts of WOL, we have adopted gradients to help with decoration and hierarchy.
Blue - Green
#005274 - #068853
- Header areas background where an image is not appropriate or necessary
Grey 200 - Grey 100
#EFEFF0 - #F8F9FA
- An alternative to the blue green gradient to help avoid over saturating the page design