As a powerful form of communication, color is irreplaceable. The Xipidity palette adheres to the Google material design standards and colors may be applied to backgrounds, borders, and icons through the use of the font color and background toolbar buttons.
Choosing an appropriate color combination in website design is considered one of the most important tasks in creating a successful website. Good color choices take careful planning and when done correctly can greatly influence site traffic.
Xidipity subscribes to the Google material design standards and the rule of three. The rule of three states the number of colors in the scheme should be three or less. Xidipity has a base, primary, and secondary colors.
Black / White
What about black and white? Technically they are not colors because they do not have a specific wavelength. White is the combination of all colors and black is the absence thereof. They are available and are included as a part of the base. Black is used to style text and white is used to style backgrounds as this combination produces the best contrast ratio for reading (see Typography).
Grey is the Xidipity base color and it is used for tinting and shading.
|200||eeeeee||header background, menus|
The primary color of Xidipity is deep orange. It is used to draw focus and attention.
|300||ff8a65||read more icon|
The secondary color of Xidipity is deep purple. It is used as a call for action.
|500||673ab7||link | toc/src btn|
|chat_bubble_outline||See how this looks in the material design toolkit.|
Custom colors may be applied to text by using the foreground ( A ▼) and background ( A ▼) toolbar buttons. Custom colors may be applied to table ( ▼ ) cell properties and to templates by adding a color styling options (eg. style=”color:#……”) prior to embedding.
The Xidipity Palette is available as a reference and contains swatches of the full Google material design palette.