o-colors

CSS

o-colors are a fundamental attribute of the FT visual language and provide brand consistency across all products.

The colour palette is optimised to comply with WCAG 2.0 level AA with a minimum contrast ratio of 4.5:1.

View on GitHub

Quick start

Using the build service

Add the following token to your link tag (how do I do that?):

o-colors@^3.6.0

For more information see the Origami build service.

Using a manual build process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-colors"@"^3.6.0"

For more information see the Origami build process.

palette

use-cases

Component information

Latest stable version:
3.6.0 (1 month, 27 days old)
Status (Learn more):
Active (as of 3.6.0)
Bundle sizes:
407b JavaScript 5,096b CSS
This version
3.6.0 (1 month, 27 days old)
Support status (Learn more):
Active (as of 3.6.0)
Last indexed
31 Jan 2017 15:51:16 (Build now)
Installable?
OK
Dependencies
None
Dependents
alphaville-headeralphaville-marketslive-session-notificationalphaville-most-recent-postalphaville-uifthelp-wp-templaten-messagesn-sliding-popupn-storylinesn-uin-ui-foundationso-adso-aside-panelo-author-alertso-big-numbero-business-cardo-buttonso-cardo-comment-uio-commentso-cookie-messageo-crosswordo-email-only-signupo-expandero-footero-formso-ft-affiliate-ribbono-ft-buttonso-ft-footero-ft-formso-ft-iconso-ft-typographyo-galleryo-headero-header-serviceso-hierarchical-navo-iconso-labelso-link-listo-loadingo-overlayo-promoboxo-quoteo-section-heado-shareo-tableo-tabso-teasero-teaser-collectiono-techdocso-tweeto-typographyo-videoo-visual-effects

Contact

To talk to the team you can contact the Origami team on Slack channel #ft-origami or directly by email at origami-support@ft.com

Report an issue

Origami