You are on page 1of 9

Wave 2.

0 has additional UI options which allows you to customize the look and
feel of the application to match your brand identity.

This helps create a more seamless experience for your clients.

The components which can be modified are:


ODIN Wave 2.0 1. App launcher Icons

UI Customization Handbook 2. Splash Screens


3. Logos & banners used in app
Version 2.0 | May 2021 4. Push Notification Icons
5. Colors
6. App title for alerts screen
7. Content pages (Broker info)
8. In app Calling & Support details (Broker contact)

©63 moons technologies ltd.


1. App Launcher icon 2. Splash Screens
Launcher icon appears on user’s Introductory screen that appears while your application loads in the background. Following are the
home screen. It is used to start acceptable patterns for splash screen in wave. For sizes refer checklist
the app. For sizes refer checklist

Reference Image 1 Reference Image 2 Reference Image 3

©63 moons technologies ltd.


3. Logos & Banners used in app

Logos Banner
They will appear at various instances in app for various purposes. Customised banner can be added in hamburger menu for promotional
Following are the screen in the app that will be affected. For sizes refer purposes. For sizes refer checklist
checklist

Login Page Banner

Messages

Recommendation

©63 moons technologies ltd.


4. Push Notification Icons
A push notification is a message that appears on user’s mobile notification drawer. For sizes refer checklist

Reference 1 Reference 2 (Grey Scale)

©63 moons technologies ltd.


5. Colors
The app’s primary color can be customized. This must be suited to the brand color. Make sure that the color has enough contrast between primary color
different UI elements such as buttons, tabs, etc.

Light theme (Primary colors)


#25335C (for solid fill & outline)
#25335C (for textual links only)

Solid Button (text) Solid Button (text & icon) Solid Button (icon) Solid Button small (text)

Outline Button (text) Outline Button (text & icon) Outline Button (icon) Outline Button small (text)

Tabs Textual Links Input + Button


Demo Link

©63 moons technologies ltd.


Dark theme (Primary colors)
#2F4CA2 (for solid fill & outline)
#7797F7 (for textual links only)

Solid Button (text) Solid Button (text & icon) Solid Button (icon) Solid Button small (text)

Outline Button (text) Outline Button (text & icon) Outline Button (icon) Outline Button small (text)

Tabs Textual Links Input + Button


Demo Link

©63 moons technologies ltd.


6. App title for alerts screen
Name of application on Alert Pop ups are modifiable.

Here the name of


the app can be
modified
Here the name of
the app can be
modified

©63 moons technologies ltd.


7. Content Pages (Broker info)

Content of About Us page & Membership Details can be modified

About Us Format in .txt format

Welcome to 63 moons Support


Our friendly support team is dedicated in providing an excellent technical
support online by resolving issues quickly and effectively. As a customer
you are the focus. <br />&nbsp;<br />
The availability of right technical skills and resources to resolve problems
is a key factor in maintaining quality of our software products. Resolving the Member Details Format in .txt format
issues brought to our customer care center, well in time
is our mission.<br />&nbsp;<br /> NSE - Member ID: 077781 | NSE - Member ID: 077781 | MCX - Member ID: 077781

©63 moons technologies ltd.


8. In App Calling & Support Details (Broker contact)

Contact Details (Phone & Email ID) are modifiable

Call to Trade no can be modified


Technical Support No can be modified
Email ID for feedback

©63 moons technologies ltd.

You might also like