Skip to content

Fortified IDDocs

Brand assets

Guidelines for sourcing and preparing the logo, favicon, and background files used in an overlay

These guidelines apply when preparing the image files for an organisation overlay. They describe how to source and choose the files; Overlay describes where to put them and how they take effect.

Logos

Section titled “Logos”
  • Source logos from the organisation website, or from its press, media, or graphic profile pages whenever possible.
  • Prefer svg when an official SVG exists. An official png may be used when no SVG is published.
  • Never use a redrawn logo when an official file exists publicly.
  • For the negative or white variant, use another official logo variant when no white version is published. Do not produce one by recolouring.

Favicon

Section titled “Favicon”
  • Take the favicon from the organisation website, ideally as .ico.
  • If only a PNG favicon is published, that official file can be used instead.

Background image

Section titled “Background image”
  • The background may be svg, png, jpg, or jpeg.
  • Size it for 1920x1080 and optimise it for web delivery.
  • The default background declaration scales the image to fill the screen while keeping its aspect ratio. Keep that behaviour in mind when choosing an image with important detail near the edges.

Colors

Section titled “Colors”
  • The hover effect on the primary button must always be visible. The hover state must never be identical to the default state.
  • Check contrast between text and its background after changing the palette. See Accessibility/A11y.