Brand · 3.0

Steward design system

Steward Design System 3.0, built on the Paperclip Design System v1.1 (MIT). Every value on this page is generated from the design system source; none is written here.

Mark and wordmark

Steward

Neutrals

Bond--bond

Parchment--parchment

Stone--stone

Aluminum--aluminum

Graphite--graphite

Charcoal--charcoal

Ink--ink

Agent palette · capsules only

A capsule always stands for an agent: Steward or one of its specialists. Never on buttons, navigation or status. Gradient badges are the one marketing exception.

01

02

03

04

05

06

07

08

09

10

11

12

Badge 01Badge 02Badge 03Badge 04Badge 05Badge 06Badge 07Badge 08Badge 09Badge 10Badge 11Badge 12

Status

InertRunningNeeds inputDoneBlockedIn review

Buttons

Type roles

display-1Headline.
display-2Section heading
display-3Subsection
display-4Card title
ledeSubhead and hero lede
body-lgBody large
bodyBody, running text
body-smBody small
captionEyebrows and labels
mono09:12:04 · Passport updated
mono-smPREPARED BY STEWARD