App Icons & Theme Colors (Branding)

The Branding suite allows you to define your mobile app’s distinct visual identity, tailored to match your brand style.

---

Branding Configuration Screen

---

1. Uploading App Icons

Your app icon is the primary visual representation on user home screens, push notification prompts, and store listings (Apple App Store & Google Play).

🤖 Android Icon

• Format: PNG or JPG (PNG recommended).
• Recommended Dimensions: 1024 x 1024 pixels (square).
• How to upload: Click the Upload button under the Android card and pick your graphic asset.

🍏 iOS Icon

• Format: PNG (no alpha channel / transparency, matching Apple store guidelines).
• Recommended Dimensions: 1024 x 1024 pixels.
• How to upload: Click the Upload button under the iOS card.

Tip

Always upload a high-resolution 1024x1024 square asset. WiXO automatically generates all derived density icons needed across diverse iPhone, iPad, and Android screen densities.

---

2. Theme Colors Palette

Customize core system colors used across mobile chrome, status bars, and navigation:

Color Token	Usage Description	Example HEX
Primary Color	Brand signature color for active buttons, tabs, and accents	#4F46E5 (Indigo)
Secondary Color	Supporting color for hover, focus, and secondary badges	#818CF8
Accent Color	Vibrant highlight for sales, tags, and special calls-to-action	#F43F5E (Rose)
Notifications Color	Visual badge indicator for unread notifications	#EF4444 (Red)
Text Color	Foreground typography color for labels and menu texts	#1E293B (Slate)
Background Color	Shell background for bottom bars and headers	#FFFFFF (White)

How to Modify Colors

1. Click on the color swatch or dropdown arrow for the desired property.
2. Select your tint using the interactive color picker or paste your exact HEX code (e.g. #4F46E5).
3. Changes apply live to all client devices immediately upon app sync.