Origami

Origami

Unifying branding across FT digital products.

Making development better, faster, stronger.

Origami is a group of services, modules and tools to help build websites. Origami aspires to create a unified style and experience for FT websites, and make web development at the FT faster.

Origami modules and services

At the heart of Origami are its services and modules.

Origami’s modules are bits of HTML, CSS and JavaScript to include in your page. Some of them, like gallery, come with a fully formed look and feel. Some of them, like colors or tracking provide a foundation for building your own interfaces, or provide useful services without any interface at all.

Regardless of what they’re made of, these modules have been comprehensively tested, comply with web accessibility standards, work or degrade gracefully in all of the browsers we support, and and provide a consistent experience of the FT brand. To see a complete list of the modules visit registry.origami.ft.com/components.

As well as modules, Origami provides the following services:

  • Polyfill.io - Upgrade the web automatically, code using the latest standards when writing JavaScript applications
  • The Image Service - Deliver pictures in many formats and sizes; optimised and delivered over a CDN.

Origami services and modules all comply with the Origami Spec and Coding Standards to ensure they are high quality and interoperable. All modules are developed in the open on GitHub.

Origami tools

To help you use the modules and services in your product there are the following tools:

  • Origami Build Tools - Build Origami components as part of your existing build process
  • Origami Build Service - Deliver components directly to your user’s browser using the build service
  • The Registry - Find and use the components you need from our component registry

The Spec

Origami is built according to the Origami Spec. This ensures high quality and interoperability across modules. If you want to contribute to Origami modules or services, reading The Spec is a good place to begin.

Who is using Origami?

Origami is used widely throughout the FT and by a range of third parties:

If your team is using or plans to use Origami, let us know: we’re here to help.

“Ship it”