> For the complete documentation index, see [llms.txt](https://docs.uaepass.ae/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.uaepass.ae/guidelines/design-guidelines/button-guidelines/dos-and-donts/outline-button.md).

# Outline Button

The **white outlined button style** is supported across all platforms, including the web. It should be used on **white or light-colored backgrounds** where the standard, white-filled button does not provide sufficient contrast.

Avoid using this style on **dark or saturated backgrounds**, as the black outline may create unnecessary visual clutter. In such cases, use the **solid white button style** to ensure clear contrast and maintain visual clarity.

<figure><img src="https://4217816688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MekZ3RZxqIxNNSkEFZ1%2Fuploads%2FSaQCyahUK4QUElmZ2W1A%2FScreenshot%202025-06-23%20104501.png?alt=media&amp;token=f5b0b1ce-e3eb-4761-8509-278e3af4ec98" alt=""><figcaption></figcaption></figure>