The color used in the user interface is really important. It needs to add visual value to the design of related item and should be on-brand. In this article, you will find some tips about color usage and how to use each tool in ''color'' section of Shopney Design Editor.

1. Store Logo

This section is where you upload your store's logo to be given place in showcase top. Make sure the logo you upload is satisfying the specs as450x90 px, 5 MB and 32 bit in PNG.

2. Colors

 A. Primary Color: This is the color that appears in some of the buttons like Add To Cart & dot navigations. We recommend you to select an attractive color to encourage your customers to press the buttons and make the selected item stand out in dot navigations.

B. Secondary Color: This is the color of the fonts inside of the buttons like Add To Cart & Checkout. The best is to pick a color in contrast with Primary Color and Cart Color. So, what is written in the buttons will be clearly visible for users. Generally, white goes well with this item.

C. Chat Color: This is the color that appears in conversation bubbles and sends button in the in-app messaging section. You set a color up to your delight.

D. Cart Color: The Cart Color is the button color that appears in the buttons within the checkout processes. Try to avoid selecting faded colors in order to let your customers see the button clearly and encourage them to press the buttons until the end of the purchase.

3. Icons

In this section, you will see three different set of icons for menu, cart, and chat. You can select one icon for each to your delight. The icons will appear at the top line of your app as a menu on the left, chat and cart on the right.

All your color (and icon) preferences will automatically be previewed in the right-hand side the dashboard as you change them.

We are all set! Now it's time to go and color up your app!

Did this answer your question?