# Login pages design

**URL:** <https://community.auth0.com/t/login-pages-design/108523>\
**Category:** Get Help\
**Tags:** new-universal-login-experience, login-experience\
**Created:** [June 5, 2023, 10:03am UTC](https://community.auth0.com/t/login-pages-design/108523 "2023-06-05T10:03:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![canvas.future.paymen](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/canvas.future.paymen/32/47682_2.png) [@canvas.future.paymen](https://community.auth0.com/u/canvas.future.paymen)\
**Post date:** [June 5, 2023, 10:03am UTC](https://community.auth0.com/t/login-pages-design/108523/1 "2023-06-05T10:03:54Z")

</div>

Hello.

We are currently creating multiple applications using one tenant.  
However, we are facing a problem where the background image, etc. for the login page set for one application is applied to the other applications, and we cannot set the design individually.

We are using the “Branding\>Universal Login \>Advanced Options” for development, but any other ideas would be appreciated.

---

<div class="post-metadata">

**Author:** ![dawid.matuszczyk](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/dawid.matuszczyk/32/74550_2.png) [@dawid.matuszczyk](https://community.auth0.com/u/dawid.matuszczyk)\
**Post date:** [June 5, 2023, 1:20pm UTC](https://community.auth0.com/t/login-pages-design/108523/3 "2023-06-05T13:20:35Z")

</div>

Hi @canvas.future.paymen

Welcome to the Auth0 Community!

Correct me if I’m wrong. You have multiple separate applications under one tenant and would like to customize the universal login page for all applications in the single UI instance.

To achieve this flow, you will need to create separate lock configurations within Custom Universal Login Page. Based on the `clientID`, unique for each application, you can hardcode and conditionally determine which Lock configuration to render for which application.

```auto
    if(config.clientID === 'ApplicationAClientID'){
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    if(config.clientID === 'ApplicationBClientID'){
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    }else{
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    } 

```

For further Lock customization, check our documentation which you can find [here](https://auth0.com/docs/libraries/lock/lock-configuration#theme)

This configuration allows you to change the mode to Passwordless. In the example, Application A and B will use default Lock, and Application C will use Passwordless mode.

```auto
    if(config.clientID === 'ApplicationAClientID'){
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    if(config.clientID === 'ApplicationBClientID'){
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    }else{
      var lock = new Auth0LockPasswordless(config.clientID, config.auth0Domain, {
      ...
      }
    }

```

More details about Lock initial configuration you can find [here](https://auth0.com/docs/libraries/lock)

Please let me know if you have more questions.

Thanks,  
Dawid

---

<div class="post-metadata">

**Author:** ![canvas.future.paymen](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/canvas.future.paymen/32/47682_2.png) [@canvas.future.paymen](https://community.auth0.com/u/canvas.future.paymen)\
**Post date:** [June 9, 2023, 1:43am UTC](https://community.auth0.com/t/login-pages-design/108523/4 "2023-06-09T01:43:28Z")

</div>

Your lesson was very useful to me.  
Thanks.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/auth0/original/3X/b/5/b560f266932fcce5d57f09a6595bd50518cae3f3.jpeg) [@system](https://community.auth0.com/u/system)\
**Post date:** [June 23, 2023, 1:44am UTC](https://community.auth0.com/t/login-pages-design/108523/5 "2023-06-23T01:44:10Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.