Overview
The Design Step is where you design the layout for your app’s homescreen, customize your navigation button, and create each feature’s styling, such as the color and font. This is where you will begin the app-building process, but you can continually add or remove features as you please after you have moved onto the subsequent steps.
This article provides information on what you can do in the Design step.
Information
The Design Step is divided into three main sections: Homescreen, Navigation, and Global Styling.
Below are some of the things that you can do in each section.
Homescreen
- Choose layout: Slide Out Menu, Grid Menu, Scrolling Menu, Tab Bar Menu.
- Choose a background color.
- Use the Branding tool (for your company logo).
- Add a homescreen background image (recommended size: 640x1136px).
- Add carousel images (add up to 5 images).
- Navigation Buttons (under Scrolling Menu) images recommended width is 1080px.
- For more information on setting up the Homescreen, check out the article Setting Up Homescreen Background and Carousel Images.
Navigation
- Choose an Icon color.
- Select Menu Text color.
- Select Background color.
- Add custom Icon background images.
- Enable or disable Button text and icons.
- Choose Homescreen Shortcut color.
Global Styling
- Has preset and custom options.
- Choose the Main App color.
- Choose UI Bar Text color.
- Choose a Main Text color.
- Choose a Background color.
- Choose Font and Font Weight.
- Add a Global screen background.
- Add a Header background image.
Note: All settings in the Global Styling section will apply to all the features throughout your app. if you wish to create a custom design for one of your features, use the Custom Design option in the Build section.
