> 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/sign-in-and-sign-up/mobile-view/portal-horizontal-and-vertical-view.md).

# Portal Horizontal & Vertical View

If you choose to display only a “Sign in” or “Login” button, ensure that the UAE PASS button is clearly visible to users upon landing on the login page, following the recommended design guidelines.

<figure><img src="https://4217816688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MekZ3RZxqIxNNSkEFZ1%2Fuploads%2FleBcUWASU4GdGrwsJoF1%2FScreenshot%202025-06-23%20075121.png?alt=media&amp;token=2b75f2f6-d00c-4edc-98d7-09555c8a3a6c" alt=""><figcaption></figcaption></figure>

**Portal Vertical Sign up - Bottom**

Portal Sign up vertical option&#x20;If you choose to put “Sign up”\
button below your native login,&#x20;please make sure that UAE PASS&#x20;button is clearly appearing to the&#x20;users once they land to the login\
page.&#x20;

<figure><img src="https://4217816688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MekZ3RZxqIxNNSkEFZ1%2Fuploads%2FCliuP7tAI0RjDadG6cqB%2FScreenshot%202025-06-23%20075225.png?alt=media&amp;token=b3290ddd-9751-4393-8631-292836aa0dd1" alt=""><figcaption></figcaption></figure>
