Skip to content

Components

Buttons

Three variants × two surfaces, side by side

The full button vocabulary - primary, secondary, ghost - rendered on both paper and navy so you can see how each one translates across surfaces. Primary inverts (navy CTA on paper, white CTA on navy); secondary + ghost keep the same voice with swapped colours.

On paper

On navy

Theme surfaces · Tokens