Design login screen

How can I design the login screen?

Designing the native login screen on AppMySite can be divided broadly into three steps: designing the background, social login button and theme. Let’s take a look at designing your onboarding screens:

Background

Click on Upload. You’ll be redirected to the AppMySite image library.

  • Choose an image for your background design.

  • Upload your own design by clicking on “+Upload” button. You’ll be redirected to the upload image screen.Click on the window to upload an image from your device. You can also drag and drop the image file.

  • Click on “Create” button to design the login screen. You can design your login screen on blank canvas using templates, uploads, photos, photos, texts and background images, all from scratch.

Make sure the image file meets the required specifications.

  • File format: PNG, JPG

  • File size: 1242 x 2208 px

  • Fill the backdrop with a solid color

Social login button

Customise the appearance of the social login button here. Choose the desired shape of your social login button.

Theme

Follow the steps below to choose the color of the fields and buttons of the login, signup, and forgot password screens.

Primary Text Color

  • Choose the primary color from the color panel.

  • Alternatively, enter a hex code or RGB values to select a specific color.

Secondary Text Color

  • Choose the secondary color from the color panel.

  • Alternatively, enter a hex code or RGB values to select a specific color.

Button Background Color

  • Choose a button background color from the color panel.

  • Alternatively, enter a hex code or RGB values to select a specific color.

Button Text Color

  • Choose a button text color from the color panel.

  • Alternatively, enter a hex code or RGB values to select a specific color.

Click on SAVE when you’ve selected the color for your onboarding screens. Preview the design of your login and signup screens on the live screen.

Last updated