> For the complete documentation index, see [llms.txt](https://docs-en.shoppy.is/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-en.shoppy.is/shoppy-dashboard/app-builder/brand-kit.md). # Brand Kit In this section, you can further customize your app, keeping it true to your brand! See the quick video below that shows you just a couple of the personalizations you can do! {% embed url="" %} ### **Store Logo** Here simply click on the CTA to add an image. Select one to upload for your computer that shows off your brand. This logo will be present in the header of your app and also in the login view for your users to see. {% hint style="warning" %} All images uploaded must be in png format. The maximum file size allowed on the Shoppy platform for a video or image is 5 MB. The Store Logo recommended dimension is 500 X 80 for an optimal visual effect. {% endhint %} ### Splash Image Your Splash Image will be shown while users open your app, and are waiting for it to load. It will typically only be present on their screen for a couple of seconds, but it can be a great way to make a good impression. {% hint style="warning" %} All images uploaded must be in png format. The maximum file size allowed on the Shoppy platform for a video or image is 5 MB. The Splash Image recommended dimensions are 1242 X 2688. {% endhint %} ### Signup Image Here you can upload the image that you would like your app visitors to see when they signup for an account with you. This will be the background image for them to see. You can also choose whether or not to show an overly layer, which creates a shaded look over your image. {% hint style="warning" %} All images uploaded must be in png format. The maximum file size allowed on the Shoppy platform for a video or image is 5 MB. The Signup Image recommended dimensions are 1242 X 2688. {% endhint %} ### Login Image Here you can upload the image that you would like your app visitors to see when the log into your app using their credentials. This will be the background image for them to see. You can also choose whether or not to show an overly layer, which creates a shaded look over your image. {% hint style="warning" %} All images uploaded must be in png format. The maximum file size allowed on the Shoppy platform for a video or image is 5 MB. The Login Image recommended dimensions are 1242 X 2688. {% endhint %} ### Placeholder Image With a Placeholder Image, you can select an image to be shown to your users in the event that you don't have one inserted for a product or catalogue. {% hint style="warning" %} All images uploaded must be in png format. The maximum file size allowed on the Shoppy platform for a video or image is 5 MB. The Login Image recommended dimensions are 1000 X 1000. {% endhint %} ### Font Options You can choose the font that you'd like to be present throughout your app. You may choose between Poppins, Archivo Narrow, Comic Neue, Josefin Sans, and Playfair Display. ![](/files/agALBdDVUWnFLyCImh0G) ### Colors You can customize the colors for the following sections of your app: * Buttons, filters, and loaders * Icons * Top Bar * Border Color ### Bottom Bar Here you can customize the look of the bottom bar, also known as the Navigation bar! Choose the following: * Background * Icon and label * Highlight; to change the color of the first icon on the nav bar (the furthest to the left!) ### Borders You can choose whether to display borders around the images of the following elements: catlalogue, wishlist, profile, cart, news, product page, and product list. ### Squared Corners You can toggle this option on to change the corners of your widget's images from rounded to squared. This applies to all widgets as well as the catalogue, wishlist, profile, cart, news, product page, and product list. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs-en.shoppy.is/shoppy-dashboard/app-builder/brand-kit.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.