# Customize your mobile App

The **Customize your mobile App** feature allows business owners to get a real-time visual prototype of how the Suggestic app will look by using new features, components, and their own branding.

## Access the customize your mobile app option

To access the Customize your mobile app option, go to the home page and click on the **Start** button:

![](/files/Ur8lyPcGmhB1EdNwkUzo)

The following options are displayed:

![](/files/BLt8DunnDEGeX8B39cWi)

### Characteristics

* Upload your logo. Upload PNG images of no more than 100k.
* An app viewer will display automatically the user's selection (logo, colors, modules)
* If the user selects more than two modules, the app viewer will display a carousel to visualize the selected modules.

Start creating your prototype by following the steps below

## Customize your brand's image

### Upload your logo

Upload a background logo of no more than 100kb. Click on the + sign, and choose an image from your device:

![](/files/xs0gJ4A7jcs20smyEEY9)

The app viewer visualizes the uploaded logo:

![](/files/znWaVp6E6pTSEWOlqPPj)

### Background gradients

Choose the background gradients to display smooth transitions between two or more specified colors. Pick the colors by using either one of the following 3 codes:

* **RGB** (red, green, blue) notation
* **HSL** (hue, saturation, lightness) values
* **HEX** (hexadecimal) values.

Check the example below:

![](/files/kElQAZnzBz14MDRptmal)

### Primary and Secondary Color

Use the primary color to highlight the titles of the modules and the secondary color to change the icons' colors. 

Pick the colors by using either one of the following 3 codes:

* **RGB** (red, green, blue) notation
* **HSL** (hue, saturation, lightness) values
* **HEX** (hexadecimal) values.

See the example below:

![](/files/vE8WXWXz5WQc6umQW9Vb)

## Select your desired features

Add one or more of the following modules to your app experience:

| Meal Planner     | Recipe Finder | Restaurants         |
| ---------------- | ------------- | ------------------- |
| Progress Tracker | Food Logging  | Weight Goals        |
| Subscriptions    | Notifications | Appointments        |
| Grocery List     | Chat          | Video Calls         |
| Programs         | Lab tests     | Nutrition Dashboard |
| Preferences      | Onboarding    |                     |

*When* a *user* places the *cursor over* one of the modules, the app viewer will display it. Mark the checkbox to keep the module selected:

![](/files/dueG1aTDwMnOlPXGfXpm)


---

# 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.suggestic.com/console/accessing-the-console/access-the-main-menu/customize-your-mobile-app.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.