---
title: 📲 App Assets/Custom Homepage
description: Use this guide to prepare your logo, colours and home page images for your branded Slerp mobile app.
---

[Skip to content](https://support.slerp.com/knowledge/app-assets/custom-homepage#main-content)

English

Show submenu for translations

![slerp.com](https://support.slerp.com/hs-fs/hubfs/SLERP_Primary-Light_RGB-01-1.png?width=186&height=52&name=SLERP_Primary-Light_RGB-01-1.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- Go to www.slerp.com

 Go to www.slerp.com

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Centre](https://support.slerp.com/knowledge?hsLang=en)
2. [App Ordering](https://support.slerp.com/knowledge/app-ordering?hsLang=en)

# 📲 App Assets/Custom Homepage

## Use this guide to prepare your logo, colours and home page images for your branded Slerp mobile app.

Access thru [Controls Dashboard](https://controls.slerp.com/)→ Designer → <https://controls.slerp.com/designer/mobile-app/app-store>**[Mobile App](https://controls.slerp.com/designer/mobile-app/app-store)**

### 1. Logo & Splash Screen Images

To make sure your app looks sharp on all devices, please provide images in the sizes below:

- **App logo** 
    - Size: **1024 × 1024 px**
    - Format: PNG or JPG
    - This is the icon that appears on the customer’s phone.
- **Splash screen (launch screen)** 
    - Size: **2732 × 2732 px**
    - Format: PNG or JPG
    - This appears briefly when the app is opening.

**Tips**

- Use high‑resolution source files (no screenshots or photos of screens).
- Keep important content (logos/text) away from the very edges, as devices may crop slightly.

### 2. Brand Colours

We recommend sending us your **HEX colour codes** so the app can match your brand exactly.

- Example of a HEX code: `#F2A900`
- If you don’t know your HEX codes, you can use an online colour picker such as [Colour Picker Online](https://imagecolorpicker.com/en). 
    1. Upload your logo or a brand image.
    2. Click on the colour you want.
    3. Copy the HEX code and share it with Slerp.

Please provide:

- **Primary colour** – usually your main brand colour.
- **Secondary colour** – used for accents or buttons.

### 3. Custom Homepage Content

Your app homepage can promote different parts of your business, not just ordering.

You can add image tiles that:

- Link to internal sections (e.g. “Order Now”, “Loyalty”, “Locations”).
- Link to external pages (e.g. your main website, catering page, Instagram, etc.).

**Image requirements for homepage tiles**

- Aspect ratio: **1.66 : 1** (wide rectangle)
- Minimum width: **1024 px**
- Use **high‑quality** images (no pixelation or blurriness)
- Keep key text or logos in the centre area so they’re visible on all device sizes.

Because phones and tablets have different screens, the visible area may vary slightly. Always test on a device after upload.

### 4. App Store

If your branded app is already live on the Apple App Store and Google Play Store, you can update these settings in Controls to customise how your app appears to customers. Please note that once changes are made, it can take up to 4 weeks for the updates to appear on the app stores.

- [Controls Dashboard](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#main-content)

    - [Insights](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#insights)
    - [Orders Tab](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#orders-tab)
    - [Locations Tab](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#locations-tab)
    - [Products Tab](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#products-tab)
    - [Discounts / Customers Tab](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#discounts-customers-tab)
    - [Loyalty](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#loyalty)
    - [Designer Tab](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#designer-tab)
    - [Composer Tab](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#composer-tab)
    - [Dispatch Self-Serve](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#dispatch-self-serve)
    - [Settings Tab](https://support.slerp.com/knowledge/controls-dashboard?hsLang=en#settings-tab)
- [Web Ordering](https://support.slerp.com/knowledge/web-ordering?hsLang=en)
- [App Ordering](https://support.slerp.com/knowledge/app-ordering?hsLang=en)
- [Partner App & Device](https://support.slerp.com/knowledge/partner-app-device?hsLang=en#main-content)

    - [Slerp App](https://support.slerp.com/knowledge/partner-app-device?hsLang=en#slerp-app)
    - [Printer & Hardware Devices](https://support.slerp.com/knowledge/partner-app-device?hsLang=en#printer-hardware-devices)
- [Delivery](https://support.slerp.com/knowledge/delivery?hsLang=en#main-content)

    - [On Demand Last Mile Delivery](https://support.slerp.com/knowledge/delivery?hsLang=en#on-demand-last-mile-delivery)
    - [Local And Nationwide Delivery](https://support.slerp.com/knowledge/delivery?hsLang=en#local-and-nationwide-delivery)
- [Slerp Success & Marketing](https://support.slerp.com/knowledge/slerp-success-marketing?hsLang=en)
- [Finance Enquiries](https://support.slerp.com/knowledge/finance-enquiries?hsLang=en#main-content)

    - [Finance FAQ](https://support.slerp.com/knowledge/finance-enquiries?hsLang=en#finance-faq)
    - [Reporting](https://support.slerp.com/knowledge/finance-enquiries?hsLang=en#reporting)
    - [Invoice, Credit Notes and VAT Receipts](https://support.slerp.com/knowledge/finance-enquiries?hsLang=en#invoice-credit-notes-and-vat-receipts)
    - [Franchise Attribution](https://support.slerp.com/knowledge/finance-enquiries?hsLang=en#franchise-attribution)
- [Integrations](https://support.slerp.com/knowledge/integrations?hsLang=en#main-content)

    - [Slerp Menu & Order Manager](https://support.slerp.com/knowledge/integrations?hsLang=en#slerp-menu-order-manager)
    - [Deliverect](https://support.slerp.com/knowledge/integrations?hsLang=en#deliverect)
    - [Lightspeed](https://support.slerp.com/knowledge/integrations?hsLang=en#lightspeed)
    - [CRM](https://support.slerp.com/knowledge/integrations?hsLang=en#crm)
    - [3S POS](https://support.slerp.com/knowledge/integrations?hsLang=en#3s-pos)
    - [Urban Piper](https://support.slerp.com/knowledge/integrations?hsLang=en#urban-piper)
    - [Shipday](https://support.slerp.com/knowledge/integrations?hsLang=en#shipday)
    - [Custom Webhooks](https://support.slerp.com/knowledge/integrations?hsLang=en#custom-webhooks)
- [FAQs](https://support.slerp.com/knowledge/faqs?hsLang=en)
- [Support and Updates](https://support.slerp.com/knowledge/support-and-updates?hsLang=en)

[![slerp.com](https://support.slerp.com/hs-fs/hubfs/SLERP_Primary-Light_RGB-01-1.png?width=200&height=56&name=SLERP_Primary-Light_RGB-01-1.png "slerp.com")](http://www.slerp.com)

[Contact Us](https://www.slerp.com/contact-us/)

Copyright © 2025, Slerp