There are many options available to brand the platform. The most used images are captured here in support of optimal setup of Innovation Central modules.
- It is recommended that all pictures, images and videos uploaded are kept to web-quality and as small as possible. When using Adobe to create images, use the Save for web option.
- Graphics files can be in .JPG, .BMP, .PNG or .GIF format, saved at 72 - 100 DPI resolution.
- Optimizing graphics file size can significantly reduce page load times for site visitors.
- Using the recommended pixel dimensions listed below also prevents pixelation, distortion, or other undesirable display results.
File-naming:
- Keep the naming convention sensible so files are easy to find in the FileStore module.
- Keep file names as short as possible.
- Avoid blank spaces in file names. Use dashes or underscores between words. Do not use other punctuation in file names except for a period before the file type extension (e.g., .JPG)
When editing images, save with a new file name (i.e., do not just replace the existing image since there can be caching issues).
Styles: Cobalt
Image | Location | Recommended Size | Settings Options |
Banner Logo | Displays above the portal banner to the left of the global navigation bar | Height 24px (scaled to this), Width 500 px (max) | |
Banner Image (Banner Background Image) | In the rectangular bar above the navigation bar | Height 130px (default, but adjustable), Width resizes to fill the space across the top in Cobalt | Suggestion: Use an image with dimensions of 1,600px by 130px, in which you use the middle 1,100px for text and images, works best |
Footer | Displays at the bottom of all pages. | Standard config = Imaginatik copyright footer | Custom footer can be applied using HTML and/orJavaScript |
Styles: Black
Image | Location | Recommended Size | Settings Options |
Banner Logo | Displays in the Portal banner | Height 24px (scaled to this), Width 500 px (max) | |
Banner Background Image | Displays in the rectangular space above the Navigation Bar. Banner section contains the Portal logo and title. | Height 40px (default) | Imaginatik logo can be set to displayed/hidden in this area |
Footer | Displays at the bottom of all pages. | Standard config = Imaginatik copyright footer | Custom footer can be applied using HTML and/or JavaScript |