Customize Fonts and Colors

Overview

You can fully customize your app’s colors and fonts from the Builder. Update global styles like your header, navigation, text, and buttons — or upload custom fonts to match your brand.

Note: All changes save automatically.

Update App Colors

1. Open Color Settings

• Go to the Mobile Menu
• Select Colors

2. Customize Key Areas

You can adjust:

• Top App Bar (header background color)
• App Background
• Primary Text Color
• Navigation Colors (burger menu or tab navigation)
• Buttons & Action Colors
• Sign-in Buttons

💡

Tip: Use strong contrast between text and background for better readability.

3. Set Default Block Colors

Define default background and text colors for blocks across the app.

You can still override colors on individual blocks if needed.

4. Add Custom Colors

1. Click Add a Color
2. Enter a Hex Code
3. Add a name (optional)
4. Add a description (optional)

Custom colors will be available inside your blocks.

Update Fonts

1. Open Font Settings

• Go to Settings
• Scroll to Fonts

2. Customize Font Types

You can set fonts for:

• Headings
• Body text
• Captions
• Prices

3. Add New Fonts

Click Add Font to:

• Choose from Google Fonts
• Select System Fonts
• Upload your own font file (supported formats only)

To change an existing font:

1. Clear the current selection
2. Choose a new font from the dropdown

Automatic Saving

There is no Save button.

All changes are applied automatically.

Refresh or reopen your app to see updates.