The Design & Navigation page lets you customize how your branded app looks and feels. You can set your app's color scheme and add navigation items to the bottom bar — all from one place.
Customize your app colors
Go to App > Design & Navigation in the sidebar navigation.
Adjust the color pickers on the right side of the page. You can set colors for:
Primary background and Primary text — the main background and text colors of your app.
Secondary background and Secondary text — used for secondary areas.
Primary foreground color — used for buttons, icons, and interactive elements.
Primary foreground text color — used for button texts.
Card background and Card text — colors for card elements like widgets.
Card border color and Bottom bar border color — border styling for cards and the navigation bar.
Preview your changes in the live app preview on the left side of the page.
Click Save and publish in the top right corner when you're happy with the result.
⚠️ Important: These colors should not be changed frequently, since they require updating the screenshots in the App Store and Play Store.
Add navigation items
Scroll down below the app preview.
Click Add navigation item to add a new item to the bottom bar of your app.
Configure the navigation item with a label and link to an app page.
Click Save and publish to apply the changes.
Your app now has your brand colors and custom navigation — your users will see the changes the next time they open the app.