A command line tool for creating Origami components
Tools to "brand" other Origami components.
Common tools for building and running Origami services
Foundation components for use in Origami components only.
Provides JS helper functions, such as throttling and debouncing
This is an ESLint configuration which aims to ensure all Origami components' source code is consistent in style.
Provides message elements for alerting, informing or making calls to action.
A 12 column responsive, flexbox-based grid system for laying out documents, templates and components.
Maintain consistent spaces across components and projects in accordance to our baseline grid and design guidelines.
Provides styling for teaser elements, which contain information about an article and link through to it
Origami component development tools.
Responsive page header for sites with minimal or customised branding, including internal products, customer facing tools, and specialist titles.
Responsive Financial Times page header with primary and secondary navigation, a drop down mega menu, and a collapsible drawer
Angular + Polymer
FT's dom delegate library is a library for creating and binding to events on all target elements matching the given selector.
Provides visual effects through SCSS mixins, such as shadows and animations
Loads CSS declarations for FT web fonts. Does not include font assets.
<p> <a href="https://www.npmjs.com/package/vue-component-meta"><img src="https://img.shields.io/npm/v/vue-component-meta.svg?labelColor=18181B&color=1584FC" alt="NPM version"></a> <a href="https://github.com/vuejs/language-tools/blob/master/LICENSE"><
A visual loading indicator, available in two colours and four sizes
Responsive footer for all FT.com pages. Includes legally approved links.
Provides a standard way of firing the 'o.DOMContentLoaded' events if/when the equivalent browser-native events fire, to auto initialise other components that are in use.
remark lint preset for Origami component README.md
Image set for all Financial Times product logos
This is [Stylelint](https://stylelint.io/) configuration which helps catch bugs and ensure consistency between Origami component Sass.