How to Customize App Layout and Colors
Melissa Abele
27 steps
4 minutes
Grandstandapps
1
Navigate to [grandstandapps.com/admin](http://grandstandapps.com/admin) and login with your email & password.
Select your Starter Layout
2
Click "App Layout"
3
Select the Starter Template you like.
Personalize Logo & Background
4
Now you can adjust and personalize the design! Click "Logo Settings"
5
Click the "Upload New Image" field to choose your own logo image to use in the design.
6
Click the dropdown for the amount of space the logo should take in the space.
7
Click "Save Changes"
8
Click "Background Settings" to adjust the background image.
9
Here you can upload your own background or select one of the pre-loaded options.
10
Click "Save Changes" when done with the backgrounds.
11
Click "Graphical Button Settings"
12
Adjust the settings for the buttons by changing the number of buttons, alignment of the text on the button and amount of buffer for the text.
13
Click "Save Changes"
14
Click "Search & Side Menu Icon Settings"
15
Lots of options for the menu & search buttons. Select the position, color, etc. You can even upload your own search or menu icon.
16
Click "Save Changes"
17
Click "Save Changes" one more time just to be sure you have all of the options.
Preview Your App!
18
You can start previewing your app on your personal device. To do so, download Grandstand - Events & Guides from Apple App Store or Google Play Store. Scroll to the section titled "Private Code Entry", click the button and enter the 5-digit code for your app (it will be available to find on this page under Preview Note where the arrow is pointing).
Change Fonts & Colors
19
Click "Fonts, Colors & Styles"
20
Click "Master Colors"
21
Select one of our pre-set color palettes.
22
Find the palette you like and Click "Select". All of the colors for that palette will be loaded into the color choices.
23
Adjust the colors by changing the Hex numbers & renaming them.
24
Double-click the text field and enter the hex number for the color or move the sliders to the color you want. Do this for each of the colors in the Master Colors list.
25
Click "Update Colors In App"
26
Click "Font Management"
27
Select the fonts you would like, if you want to have them consistent throughout, you can have all fonts of a different kind replaced at one time by using the Batch Font Change.
How to Customize App Layout and Colors
Melissa Abele
27 steps
4 minutes
Grandstandapps
1
Navigate to [grandstandapps.com/admin](http://grandstandapps.com/admin) and login with your email & password.
Select your Starter Layout
2
Click "App Layout"
3
Select the Starter Template you like.
Personalize Logo & Background
4
Now you can adjust and personalize the design! Click "Logo Settings"
5
Click the "Upload New Image" field to choose your own logo image to use in the design.
6
Click the dropdown for the amount of space the logo should take in the space.
7
Click "Save Changes"
8
Click "Background Settings" to adjust the background image.
9
Here you can upload your own background or select one of the pre-loaded options.
10
Click "Save Changes" when done with the backgrounds.
11
Click "Graphical Button Settings"
12
Adjust the settings for the buttons by changing the number of buttons, alignment of the text on the button and amount of buffer for the text.
13
Click "Save Changes"
14
Click "Search & Side Menu Icon Settings"
15
Lots of options for the menu & search buttons. Select the position, color, etc. You can even upload your own search or menu icon.
16
Click "Save Changes"
17
Click "Save Changes" one more time just to be sure you have all of the options.
Preview Your App!
18
You can start previewing your app on your personal device. To do so, download Grandstand - Events & Guides from Apple App Store or Google Play Store. Scroll to the section titled "Private Code Entry", click the button and enter the 5-digit code for your app (it will be available to find on this page under Preview Note where the arrow is pointing).
Change Fonts & Colors
19
Click "Fonts, Colors & Styles"
20
Click "Master Colors"
21
Select one of our pre-set color palettes.
22
Find the palette you like and Click "Select". All of the colors for that palette will be loaded into the color choices.
23
Adjust the colors by changing the Hex numbers & renaming them.
24
Double-click the text field and enter the hex number for the color or move the sliders to the color you want. Do this for each of the colors in the Master Colors list.
25
Click "Update Colors In App"
26
Click "Font Management"
27
Select the fonts you would like, if you want to have them consistent throughout, you can have all fonts of a different kind replaced at one time by using the Batch Font Change.
