Staffnet

Search

Layout

Our layout is optimised for good readability and visual consistency. There are many possible variations in the design.

Basic principles

  1. The ETH logo is placed at the top left of the sender zone. University partners can be placed next to it.
  2. At the top right is the organisational unit in verbal form (do not place any logos, icons etc. here!).
  3. The content area is characterised by a stage and a label
  4. Logos of organisational units and partners can be placed in the footer area.

Examples of layouts in corporate design

The following layouts meet the requirements for branding, readability and accessibility.

  • Illustration of a possible layout variant
    The label can be freely positioned in the grid. It is coloured in the seven CD colours.
  • Illustration of a possible layout variant
    The logo of the organisational unit is at the bottom left. The name of the organisational unit is at the top right in verbal form.
  • Illustration of a possible layout variant
    The image can be placed in the label and the text on the stage.
  • Illustration of a possible layout variant
    The layout also works without an image. The CD colour can be combined with the brightened and dark colour shades.
  • Illustration of a possible layout variant
    The key visual of ETH Zurich can be used for layouts without an image. The label may also be black. Place QR codes white on colour or black on white.
  • Illustration of a possible layout variant
    The key visual can be a decorative element combined with photos.
  • Illustration of a possible layout variant
    The picture does not have to fill the entire stage. White space is an important design element.
  • Illustration of a possible layout variant
    Economic partners stand below the stage with a byline "Supported by" or "Partner institutions"
  • Illustration of a possible layout variant
    It is possible to place round call-to-action elements.
  • Illustration of a possible layout variant
    The stage can be white in the case of isolated images. Logos of university partners are placed to the right of the ETH logo. Other logos are not permitted in the sender area.
  • Illustration of a possible layout variant
    Even if there are several photos on the stage, the layout grid is maintained.

Dont's

Diese Layouts verstossen gegen die Corporate Design-Richtlinien der ETH Zürich.

  • Illustration of an incorrect layout variant
    No logos (or icons, key visuals etc.) in the sender area! It is reserved for the ETH logo. The only exception is university partnerships.
  • Illustration of an incorrect layout variant
    No extra colours. Only the seven CD colours and black may be used. The label should not be coloured in the brighter or darker shades of the CD colours.
  • Illustration of an incorrect layout variant
    No white labels.
  • Illustration of an incorrect layout variant
    No black font on CD colour (accessibility)
  • Illustration of an incorrect layout variant
    Stage must be placed in the layout area (not to the edge).
  • Illustration of an incorrect layout variant
    No border-falling layouts with inverted logos (Only permitted for specific text-in-image applications, e.g. social media or small adverts).
  • Illustration of an incorrect layout variant
    The shape of the label must not be changed.
  • Illustration of an incorrect layout variant
    Do not use fonts other than Din Next (or alternatively Arial).
  • Illustration of an incorrect layout variant
    The label must always have either a left or right margin.

Questions?

Please send us an e-mail. We will be happy to advise you if you have any questions about the design.

 

Kontakt

Corporate Design-Team
JavaScript has been disabled in your browser