# Actions

## Purpose

Buttons, links, menus and other triggers.

## Decisions

### Buttons

Three button types:

| Button | Fill | Border | Icon | Label |
|---|---|---|---|---|
| Accept (primary) | violet `#7520ff` | violet `#7520ff` (same as fill, so it looks borderless) | soft white `#f2f2f2` | soft white `#f2f2f2` |
| Warn | surface tier | orange `#ff8000` | orange | orange |
| Delete | surface tier | red-pink `#ff0050` | red-pink | red-pink |

- Label weight is **semibold (600)**.
- **Corner radius** is 8px and **padding** is 8px vertical / 16px horizontal.
- Warn and Delete fill with above-background on the page background, and with background inside a card.
- The icon sits left of the label with an 8px gap (see [Iconography](../foundations/iconography.md)).