deutsch | english

Layout images

Logo

The logo image file must have the following

  • Width: 85 pixels
  • Height: 85 pixels
  • Format: PNG with transparency
  • Color space: RGB

To fit best with multiple color palettes, the logo should be a monochrome white image.

Feed logo

The feed logo image file must have the following:

  • Width: 144 pixels
  • Height: 144 pixels
  • Format: JPG with at least 85% quality or PNG
  • Color space: RGB

Header

The header image file must have the following:

  • Width: 2600 pixels
  • Height: 184 pixels
  • Format: JPG with 80 - 85% quality
  • Color space: RGB

Email header image

The header image file must have the following:

  • Width: maximum 350 pixels (depending on the newsletter title)
  • Height: 110 pixels
  • Format: PNG with transparency
  • Color space: RGB

To fit best with the background, the logo should be a colored image.

Extension images

Extension image files must have the following:

  • Feature - Slide:
    • Width: 1800 pixels
    • Height: 754 pixels
    • Format: JPG
    • note: for news microsite the image should be 944 x 708 pixels minimum.
  • Feature - Stories
    • Author image
      • Width: 115 pixels
      • Height: 115 pixels
      • Format: JPG
    • Background image
      • Width: 775 pixels
      • Height: 419 pixels
      • Format: JPG
  • Articles
    • Article images should be as large as possible and TYPO3 will handle the resizing. If the image is of small size, when resized by TYPO3, the quality will be poor because the image will be stretched to fit.

Additional Notes regarding images:

  1. Review the File list for the proper location to place the uploaded images (.../files/features/story for example).
  2. Add file metadata as soon as the file is uploaded, so that it is automatically populated each time the image is used on the site. Provide a title with the name of the Photographer/Agency, alternative text for screen readers, etc.
  3. Use Color space: RGB
  4. For photos use JPG format with best quality/lowest compression.
  5. For graphic images with fewer colors use PNG format (ex: Logos).
  6. Avoid GIF format.
  7. Do not use CMYK format, it does not display on Internet Explorer.

Notes for PageNavigation.psd: The effect comes then with the color overlay (simply copy effect). The layer above is for preview only.

Fonts

The design unsing the following fonts from Google Fonts. You can download it for free. For some Photoshop files, you need this fonts installed.