Image asset guidelines
General Setup Images
These assets must be provided by the client and implemented in the app by a developer. We are happy to help you with providing these assets.
| Asset | Description | File Type(s) | Dimensions | Ratio/Notes |
|---|---|---|---|---|
| Client logo square (SVG) | Brand/app icon for the app overview and header icon | SVG | - | 1:1 |
| Client logo square (PNG) | Brand/app icon for the app overview and header icon | PNG | 1024×1024px | 1:1 |
| Client logo horizontal (PNG) | Brand icon shown on the member card | PNG | Width 520px, max height 120px (horizontally rectangular) | - |
| Onboarding images | 4 images for the landing screen for non-logged-in users, with rounded corners | PNG | 900×1575px (vertically rectangular) | 4:7 |
| Splash screen images* | Icon for the initial loading screen | PNG | 960×960px (with centered 512×512px logo)* | - |
| Store logo icon(s) | Icon for a store on the map or in the store list view. At least 1 (could be the same as “Client logo square” image) | SVG | - | 1:1 |
*Splash screen image:
Use a “Clean” SVG
To ensure optimal rendering, use SVGs that include only essential elements (paths and shapes). Avoid using fonts, images, embedded data, filters, masks, or unnecessary groups.
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 6H20M4 12H20M4 18H20" stroke="black" stroke-width="2" stroke-linecap="round"/>
</svg>
Content Campaign Images
These are assets that need to be designed and added by the client through the content management system in Spaaza’s Console. The setup of the app is not dependent on whether these assets are present.
Please ask for the “App Content Design Guide” to be shared with you. This document contains information about how to design assets for the campaign items that will be displayed in the app. This is a Figma project, but it can also be shared as a PDF document.