FCDO Design System

Use the FCDO Design System alongside the GOV.UK Design System.

The DesignOps team supports design teams to work effectively and efficiently, with standards, guidance, and support.

Introduction

The new FCDO Design System has been developed to meet those needs by providing a unified, governing framework of standards, components, and patterns that help every FCDO digital project deliver clearer, more usable, and more inclusive services.

Featured components

Header

Navigation and branding element for FCDO digital services.

View Header

Alerts

Provide messages for typical user actions and task

View Alerts

Searchable Table

Allow users to search and filter through table data.

View Searchable Table

Tooltip

Give information without cluttering the user interface.

View Tooltip

Explore guidance

playlist_add_check