Webpage Guidelines – READ ME FIRST

Webpage Guidelines

Images and PDF files

Item Recommendation
File size (pdf, jpg, png, etc.) Do not exceed 2Mb, best to be around 500Kb.
Background image 2560 x 1400 pixels
Hero image 1280 x 720 pixels
Banner image 1200 x 400 pixels
3:2 image 1200 x 800 pixels
Thumbnail image 300 x 300 pixels

IMPORTANT NOTE

Delete all unused or duplicate images and files from the library. If possible, keep only one standard sized image, do not have multiple copies of the same image in different sizes.

Custom Caption
Custom Caption

Spacing

  • To assign a label to an image. Configure “custom caption” for the image. DO NOT add a separate element.
  • To set the size of the image, set Height and Object Fit=contain.
  • To create a box around the image and caption, go to Advanced and change the Background – Color.
  • To increase white space around the image, go to Advanced, add Padding.
  • To display multiple images that are equal in size and evenly spaced; use gridbox container.
  • If an image is too big, too small, too much white space, etc. Do not use margins to adjust. Edit the image to the desired size instead.

To add vertical whitespace between containers, add a space divider – see spacer below. Refrain from using margins.

Color and Typography

  • To assign light grey background color to the  container; use #f3f3f3
  • For header text;, use the pre-assigned tags h1, h2, h3, h4, h5, h6.
  • Use the pre-defined Global Text Color and Global Typography Fonts. Refrain from using customized color or fonts.
  • For language translations, use <span class=”notranslate”>Galaxy</span> tag to prevent translation of names.