EN: Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
6.0.Components    6.13.Image/Lightbox

6.13.Image/Lightbox

Different variants such as sliders and lightbox are available to represent images.  

When using visual materials, ensure that the styles and formats are uniform. In addition, less is often more. Use only licensed material.
The image sizes that are to be used are based on the basic grid discussed in Sec. 3.1, "Grid". Only a few general image sizes (ratios) should be used, and these should be used consistently.

  • No image conflicts: A page should be designed so that the image and text complement one another ideally; images should break up the text or provide information, but they should not disrupt the flow unnecessarily. In general, one visual element and, depending on the length of the text, one to two images should be sufficient.
  • If a larger number of images is to be used, they should be presented in an image gallery.
  • Absolutely no Google images and no unlicensed images may be used. This rule applies even if an application is only available on the intranet.

Please also see: Visual style

Some Image
Illustration

Example of the recommended image formats and aspect ratios

    Some Image
    Illustration

    Example of a simple image-text combination

      Some Image
      Illustration

      Lightbox integrated in an article page

        Some Image
        Illustration

        Lightbox in an opened layer