This page provides detailed instructions on personalizing your web & mobile application to align with your brand's identity and enhance user experience.
Customization Options
Logos: Customize your app's splash and header logos. Ensure the splash logo is 512px by 512px and the header logo's height is 192px for optimal display.
Backgrounds: Select a splash background with a recommended height of 2048px for the mobile app version and a splash background with a recommended width of 2048px. This background sets the first impression of your app.
Headers and Footers: Modify the color schemes of headers and footers to match your brand's theme.
Text Colors: Choose the color for your app's text to ensure readability and brand consistency.
List Colors: Customize list views with color schemes that reflect your brand's style.
Button Styles: Design buttons with colors and shapes that stand out and encourage user interaction.
Content Boxes: Adjust the background and text colors of content boxes for clarity and aesthetic appeal.
Bottom Menu Design: Personalize the bottom menu's design, including icons and text, to improve navigation.
Loading Spinner: Select a loading spinner that matches your app's theme, enhancing the user's wait time experience.
Step-by-Step Customization Process
Access Customization Settings: Navigate to the customization section in your app's management console.
Upload Images: For logos and backgrounds, ensure images meet the specified dimensions and upload them accordingly.
Color Scheme Selection: Utilize the color picker for choosing text, background, button, and other UI element colors.
Preview Changes: Before applying, preview your customizations to ensure everything looks as expected.
Apply Changes: Once satisfied, apply the changes. They will take effect immediately upon app restart or update.
Best Practices
Consistency: Keep your branding consistent across all elements for a cohesive look.
Contrast: Ensure sufficient contrast between text and background colors for readability.
Testing: Regularly test the app on different devices to ensure the customizations look good across all screen sizes.