Design Handbook
Banners sizes in commerceup etc.
Typography : Commerceup websites only support Google fonts at this point. We recommend using a maximum of 2-3 font variants in a complete website.
Colors : In commerceup predefined templates we use 3 color families : Primary, Secondary and Body color which can be customized from backend.
Icons : All icons in websites are either supported as png or Fontawesome. Designers please use the same icons as defined in library, Please do check following link for icons :
Images Sizes and Resolutions:
| Recommended resolution (Width x height) | Format |
Home Page | | |
Top Banner Desktop
(Full width) | 2000 x any | png/jpeg/gif/jpg |
Top Banners Mobile
(Full width) | 1000 x any | png/jpeg/gif/jpg |
Images in grid columns | 1000 x any | png/jpeg/gif/jpg |
Images in grid column mobile | 640 x any | png/jpeg/gif/jpg |
Icons of Toolbar | 100 x 100 px | png |
Logo (Square) | 1024 x 1024 px | png/jpg |
Logo (Banner) To be used in mailers, toolbar etc | 600 x 200 | png/jpg |
Social media icons | Font awesome or 96 x 96 | |
Product Listing & Detail Page | | |
Products Images
(Thumbnail and other media) | 1200 x any
(Best product image size : 1200 x 1800) | png/jpeg/jpg |
Mobile Apps | | |
Android App Icon | 512X512 (pixels) | 32 bit png |
Featured Graphic | 1024 x 500 | 32 bit png |
Splash Image | SVG or PNG (Max size 100kb and padding from all sides) | |
PlayStore Images | JPEG or 24-bit PNG (no alpha). Min length for any side: 320px. Max length for any side: 3840px. Max aspect ratio: 2:1. (1080 * 1920) | |
IOS App icon | 1024x1024 (pixels) | 72 bit png |
Splash Image | 1125 * 2436 (Please keep padding from all sides) | |
Appstore Images | 5.5 inch - 1242 * 2208 6.5 inch - 1242 * 2688 | |
Last modified 1yr ago