How to Use the Mobile Roadie Design Customizer

Design Section: CMS

How To Use the Design Customizer

Monday, October 1, 12

First step: Pick your theme.

PRO or Advanced Design customers have access to many pre-made themes. Find out more here.

Step 1


Choose a color theme and view it in customizer at the right.

Step 2


You can also tweak each individual color to fit your brand.

Step 3


To re-arrange the order of your sections, drag and drop them into place.

Step 4

Drag and drop


The first step in adding some branding into your app is to upload a Header Image.

Step 5


As you can see, a header image can add a lot of personality to your app to make it feel custom.


Scroll down the page within Home Styles to adjust footer color. Toggle it on or off, and click Save when finished.

Step 6

View changes


Scroll down again to add in a background image. Upload the image from your computer, and click Save.

Step 7

Size:640 x 960 pixels


Select from a variety of a stock buttons image, or upload your own custom button image that you design.

Step 8


Browse our various button types, make selections, and preview in the customizer.


Scroll down to customize the colors of your text, and tint the background of your buttons.

Step 9


Select a global icon set to sit overtop your buttons.

Step 10


Scroll through the many icon templates to choose from .Monday, October 1, 12

Upload a canvas to go behind your buttons, icons, and background.

Step 11


Scroll down and view each section that you want to edit options for here. Click on the Edit icon to dive in.

Step 12


Rename your section, upload a custom button, or select an individual icon image in this section.

Step 13


Browse through individual icons to add some variety to your global icon set.


Select a font for your interior views.

Step 14


Upload a custom header bar, or view a handful of stock header images for your app.

Step 15


Scroll down to check out our pre-designed header bars.Monday, October 1, 12

Upload a section background and select where you’d like it to go. Add different backgrounds to differentiate sections.

Step 16


Build beautiful mobile apps with our design customizer. Upgrade to PRO to get all the advanced features.


How To Use the Design Customizer

Questions? email [email protected]


mailto:[email protected]

mailto:[email protected]

Self Improvement