Tapcart 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. All of your global design settings live in Brand Kit, found under App Studio in the top navigation.

In this lesson:

As you make changes in Brand Kit, use the live preview on the right side of the screen to see how your updates look on a real device before saving. You can toggle between Homepage, Account, and Cart views in the preview.

Brand Kit organizes your color settings into four tabs to help you understand where each color change will appear in your app.

Core Colors Your foundational colors — including your page background, header background, bottom navigation bar, and icon colors. These apply across every page of your app. To update a color, click the color swatch and enter your HEX, RGB, or HSL value.

Typography Colors Controls the color of text throughout your app — including page titles, primary and secondary text, product titles, and pricing including sale and strikethrough prices.

Button Colors Controls your primary and secondary button colors — these appear on your checkout button, modals, and anywhere a customer needs to take an action.

State Colors Controls alert states like success, error, and warning messages, as well as loading and disabled states.

The Typography section is where you select the font used throughout your app. On the standard plan you can choose from Tapcart's available font library.

On the Enterprise plan you can upload your own custom font files in .otf or .ttf format — once uploaded, your font automatically applies to both iOS and Android with no extra steps needed.

The Icons section is where you manage your global default icons. Every merchant has access to over 200 eCommerce icons. You'll find three global icons here:

These are the default icons used across your app unless you choose to override them on a specific page. To change an icon, click the dropdown and choose a different one from Tapcart's library. Enterprise merchants can also upload custom SVG icons under the Add Custom Icons tab.

Brand Assets is where you manage the key visuals that represent your app and brand.

The image that displays in the header of your homepage. Make sure the image has a transparent background for a seamless experience when customizing your header background color. The size can be adjusted using the slider in your dashboard.

Your app icon is one of the most important aspects of your app — it's the real estate on your customer's phone and what they see in the App Store and Google Play. Required size: 1024 x 1024 pixels.

Displays while a product image is loading in your app. Required size: 750 x 750 pixels.

An image that appears for 2-3 seconds when a customer opens your app on iOS. Note: the launch screen only appears when the app is fully quit and relaunched — it will not appear again if the app is simply reopened from the background. Required size: 1125 x 2436 pixels.

For more information on all app assets dimensions, check out this guide.

Your app icon, placeholder image, and launch screen are all part of your App Listing. Any updates to these assets require a new submission to both Apple and Google Play to take effect, which typically takes 24-48 hours to process. To confirm your update has been submitted, reach out through LiveChat in your Tapcart dashboard or email [email protected].

Have more questions regarding App Design, we’re happy to help! Please reach out to us through LiveChat on your Tapcart Dashboard or email us at [email protected]!

Reach out to us at [email protected] and we'll be happy to help!