Skip to content

DOBT Style Guide

Headers

Page Header with Navigation

Rename Button

The header title can optionally be a link.

Toggle source

Secondary Action

Toggle source

Back Arrow and Button

Toggle source

Back Arrow and Pagination

Toggle source

Basic Page Header

Multi-Step Flows

Display this header when a task requires multiple pages to complete.

Toggle source

With Button

Toggle source

Page Subheaders

Heading 3

This style of subheader should never contain icons.

Toggle source

Heading 4

Icons in this style are optional.

Attachments

Toggle source

Header with Search Bar

Use this header for standalone pages which do not require navigation.

Default

Toggle source

Query entered

Toggle source