Help Center>Getting Started>Creating your App Branding

Creating your App Branding

Napps provides you with all of the tools you need to design a fully-branded mobile app. With no coding or UI experience required, you can design your app and update it in real time.

Colors

Customizing your app's colors is an important step to creating a cohesive user experience. With the ability to customize your app's primary, accent, and icon colors, you can create a unique look and feel that reflects your brand.

  • Primary Color: This is the main background color of the header and other parts of your app.
  • Icon Color: This is the color of the icons within your app. It's important to make sure that this color contrasts well with the primary color.
  • Accent Color: This color is used for buttons within your app, such as "Add to Bag." Keep in mind that accent colors should not be gray or white, as these colors may indicate that the button is disabled.

Our dashboard will alert you if the colors you've selected are not appropriate for each specific case and at times, block the saving option. It's important to pay extra attention when selecting colors to ensure that your app looks and functions its best.

Brand Logo

In order to strengthen the overall brand experience in your app, you can add your brand logo to it. The logo will be visible in the header of the homepage, acting as a prominent representation of your brand. To ensure a seamless experience when customizing the primary color, make sure that your logo has a transparent background.

Print screen of brand logo submission with the Napps logo as an example

Photo Format

Choose the photo format to be applied to all products in your app.

Square - Your product photos will appear with the same width and height. Good for shoe brands for example.

Portrait - Your product photos will appear with an aspect ratio of 4:5 the same as Instagram. In case you need a different like 3:4 you need to contact our team at help@napps.io.

Print screen of the Photo Format switch with two options "Square" and "Portrait"

Fit Mode

The "Image Fit Mode" is a feature that allows you to control how an image is displayed within the app. There are two options for this feature: "fill" and "fit."

  • "Fill" mode will stretch the image to fill the entire space, potentially cropping the edges of the image.
  • "Fit" mode will display the entire image within the given space, with empty space around the edges if the aspect ratio of the image and space do not match.

Print screen of the Photo Fit Mode switch with two options "Fill" and "Fit"

Icons

The icons in your mobile app can be changed to match your brand and design. There are nine different types of icons that you can customize, including home, search, wishlist, profile, cart, go back, close, and filter. For each icon, three different options are available, all with the same outline border and design, to maintain consistency in the user interface. Additionally, for the wishlist icon, you have the option of choosing between a heart and a star.

Please note that custom icons are only available for the enterprise plan and need to be approved by our team before use. If you have any questions or concerns, please reach out to our team at help@napps.io for further assistance.

Print screen of Napps icon picker with all different icons is possible to choose for your mobile app. The options are: home, search, wishlist, profile, cart, go back, close and filter

Font

In order to align the app's aesthetic with your brand, you can choose from 10 different fonts. The available options are OS Default, Stick No Bills, Poppins, Source Sans, Playfair Display, Montserrat, Nunito, Lato, Open Sans, and Roboto.

Please note that custom fonts are only available for the enterprise plan and need to be approved by our team before use. If you have any questions or concerns, please reach out to our team at help@napps.io for further assistance.

Print screen of Napps font picker for the mobile app

Remaining Assets

The remaining assets not addressed in this article like the App Icon or the Launchscreen can be founded in this App Listing article.