# Design Splash screen

How to design a Splash screen?

Your app's splash screen is the first screen users see, making it a crucial element in setting the tone for their experience. In this article, we will discuss the steps you can follow to design you launch screen. Let’s get started.

{% hint style="warning" %}
To update your splash screen, you must generate a new build and submit it to the app stores. The change will only reflect once the updated version is approved and published. 
{% endhint %}

#### **Option 1: Design your splash screen**

* Go to the[ **Splash screen**](https://app.appmysite.com/app/splash) section from your app your dashboard.
* Click on the Start designing button to open the splash screen designer.

{% embed url="<https://scribehow.com/shared/Design_splash_screen_from_scratch__twnvqmWvRGuEZXQazsIQhA>" %}

* Templates:
  * Browse and choose from a variety of templates.
  * Customize elements such as colors, shapes, and layouts.
* Upload & customize:
  * Upload an existing design and personalize it further using tools like changing opacity, adding animations, and borders.
* Images:
  * Search and add images to enrich your splash screen.
* Objects:
  * Add shapes, icons, mockups, and other elements to enhance your design.
* Backgrounds:
  * Select solid colors or enhanced patterns for your background.
* Text:
  * Add custom text or photo-text elements to include branding or messaging.
* Brand Kit:
  * Import your Brand Kit elements for consistent branding.

After completing your design, click Save to finalize your splash screen.

{% hint style="warning" %}
Use the show gridlines option to keep your design centred and aligned. This will also ensure that your design does not spill out upon rendering.
{% endhint %}

#### **Option 2: Upload an existing design**

{% embed url="<https://scribehow.com/shared/Upload_a_pre-designed_image_for_your_splash_screen__nI13pfliQgODapis_fwjJw>" %}

* Upload your splash screen:
  * Click on Upload an image.
  * Drag or upload the image from your computer or provide a link to your file.

{% hint style="warning" %}
The recommended size requirement fo your splash screen is 1500px \* 2688px
{% endhint %}

{% hint style="success" %}
If your uploaded image doesn’t meet the required resolution, it will be automatically scaled using AI.&#x20;
{% endhint %}

* Complete the upload
  * Click Done to finalize your splash screen upload.
  * Finally, click Save to complete the process.

{% hint style="warning" %}
Use the show gridlines option to keep your design centred and aligned. This will also ensure that your design does not spill out upon rendering.
{% endhint %}

{% hint style="success" %}
Add-on available \
\
If you prefer professional assistance, you can purchase the [**Mobile App Design Add-On**](https://app.appmysite.com/app/addons), which includes:

* Creating your app icon
* Designing a launch screen
* Customizing a login screen
* Developing a banner image
  {% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appmysite.com/app/design/splash-screen/design-splash-screen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.