Buttons

Four variants in seven sizes, each on the ground it is made for: with the arrow tile, as a plain label and icon only. Add stretched to spread a button's click area over its card or row.

Primary

Dark, for the one main action in a section, like the plan buttons in Pricing.

With arrow

Plain, arrow={false}

Icon only, iconOnly

Muted

A light fill on the white page, for secondary actions such as list rows and the review arrows.

With arrow

Plain, arrow={false}

Icon only, iconOnly

Outline

White, for actions that sit on muted cards.

With arrow

Plain, arrow={false}

Icon only, iconOnly

Glass

Translucent and blurred, for dark grounds like the navigation and the menu.

With arrow

Plain, arrow={false}

Icon only, iconOnly