> 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/button-size-and-margin.md).

# Button Size and Margin

Minimum size:

* Width: 140pt
* Height: 30pt
* Margin: 1/10th of button height\
  Preserve aspect ratio.

<figure><img src="https://4217816688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MekZ3RZxqIxNNSkEFZ1%2Fuploads%2FU5PivNbxZuW16zzTe75T%2FScreenshot%202025-06-25%20083751.png?alt=media&amp;token=b3949e48-3609-4ba8-9bcf-a93f66d3b83e" alt=""><figcaption></figcaption></figure>

| Minimum Width                | Minimum Height            | Minimum Margin              |
| ---------------------------- | ------------------------- | --------------------------- |
| 140pt (140px @1x, 280px @2x) | 30pt (30px @1x, 60px @2x) | 1/10 of the button’s height |

Ensure the button scales correctly across devices and screen sizes, maintaining the aspect ratio so the UAE PASS logo remains unstretched.