Onfido logo
IntroductionAboutPurposeContentfulComponents
Sections
Blocks
Guidelines

About


Purpose


This documentation provides editors, contributors, designers, and developers visibility of the components on the website and each of their variations. There are two main uses:

Support

Content creators can understand which components best suit their content needs, and provides them with visual guidance when editing in Contentful.

Consistency

Design and Engineering can view and test all components quickly without needing to search the website for each variation.


Contentful


We’re using Contentful as a headless CMS for the website. This means that content creators can use the Contentful web app to add and edit pages, then the custom frontend that we’ve built handles how those pages look and behave.


Components


Contentful works by using content models and entries which you can think of as components. These content models or component just provide structure and is how we enforce which content goes where. This creates reusable pieces that we can use, as content entries, to create content. We've created three different types of components:

Pages

A group of section components put together to create a page on our website.

Sections

Full-width components that make up a page. They can have content (such as title and buttons), layout options (background colour and alignment) and accept multiple block components.

Blocks

These are child components and are units of content that exist within a section.