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

ImageLocationRecommended SizeSettings Options
Banner LogoDisplays above the portal banner to the left of the global navigation barHeight 24px (scaled to this), Width 500 px (max)
Banner Image
(Banner Background Image)
In the rectangular bar above the navigation barHeight 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

FooterDisplays at the bottom of all pages.Standard config = Imaginatik copyright footer

Custom footer can be applied using HTML and/orJavaScript


Styles: Black


ImageLocationRecommended SizeSettings Options
Banner LogoDisplays in the Portal bannerHeight 24px (scaled to this), Width 500 px (max)
Banner Background ImageDisplays 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

FooterDisplays at the bottom of all pages.Standard config = Imaginatik copyright footerCustom footer can be applied using HTML and/or JavaScript