A framework for creativity

Roche layouts include the core consistent requirements for marketing and communications while providing flexibility in how to design to fit for purpose based on your specific need. They are guided by principles – including white space and grids – to create hierarchy, meaning and focus that immerse the intended audience in the experience. Roche uses templates to encourage consistency across environments by repeating core visual elements, structural grids, and spacing across platforms (both print and digital). Our layouts are meant to scale to fit any screen size or publication format to simplify the process in your creative execution.

Using the layout guidelines to create effective design includes decisions on how the various design elements (e.g. colour, typography, and imagery) can be applied. Use the elements to design experiences that suit your particular theme and target group with a clear understanding of how your layout will deliver against your intended goal.

The Roche design tone is modern, minimalistic, elegant and leverages clear or white space as a fundamental characteristic. The use of white space as an integral part of our layout design. When used well, the use of white space can positively impact the aesthetics of the design and also improve the experience that the audience has with our communication including:

  • Improved comprehension
  • Greater focus and attention
  • Increased interaction rate

We use grids like invisible glue that holds a design together. We use is either a 12:18 or 12 column grid depending upon the application and intention of the communication.

  • All Roche layouts follow core principles:
  • Clear and consistent logo zone. In the greatest majority of cases the logo is placed at the top right with the ideal clear space around it. The position and relative size of the logo and the space around the logo must be respected in all circumstances.
  • The typography in the titles and subtitles is a Blend of Imago and Minion. The position and relative size of typography vs logo should be consistent across all Roche publications (refer to the Guideline section for information on correct typography size and placement.
  • Images (photos, illustration, or graphics) used in layout should follow the core principles of Roche imagery. A good starting point is selecting assets from the Media Library.

There are two different options for layout of the cover of Roche print publications.

  • A horizontal split where one section is white and contains the logo and title zone, while the other section of the split is reserved for an image that visualises the featured topic. The white section can be 7/18 of the grid or 10/18 of the grid;
  • An image can extend to the edges of the layout, leaving no margin (full bleed). The title and other text is superimposed on the image.

In either case, the position of the logo and the size and position of the typography is fixed. You can refer to the template documents for details on typography, logo and grid. 
 

Roche Tools

Media Library

Discover a wide range of images and videos about Roche and its products.

visit

Web2Publish

Download ready-to-go templates and documents for effective online and print design.

visit

Messaging Warehouse

Receive approved, guidance, messages and materials about Roche's key topics (accessible on the intranet only).

visit

Genentech Branding

Download brand guidelines, templates and discover the photo gallery.

visit

Diagnostics BrandBridge

Access the cross-BA Diagnostics marketing resource management solution for digital content management.

visit