# Buttons — Unless design system

Components

# Buttons
  [Variants](/en/design/components/buttons/)[States](/en/design/components/buttons/states/)[Usage](/en/design/components/buttons/usage/)
## 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](/en/design/surfaces/theme/tokens/)     [Buttons · States](/en/design/components/buttons/states/)