Roche Brands Design Resources
Roche underwent a global rebrand to unify all their branding materials in 2021, creating their Roche Corporate brand. Roche material should come across as warm, authentic and approachable. The Roche brand design is: minimalistic, clean and simple, elegant and light (use of open and white space). Warm (through human connection, use of warmer tones and reduced use of blue). Personal, emotive and empathetic. Authentic and engaging
The majority of materials we create will be in this brand style, however there are also Roche sub-brands that we work with, each which are derived directly from the Roche Corporate brand, but have unique brand identities such as a different colour palettes or brand graphics.
Roche encompasses several brands: Roche Corporate, CoaguCheck®, cobas®, CustomBiotech, navify®, and VENTANA®. You can find details on each of these on the Roche branding homepage, bottom right.
The main Roche brands we work with are: Roche Corporate, Roche cobas, and Roche navify
- cobas fulfils a more lab-centric role in the portfolio. The cobas brand showcases innovative and cutting-edge lab technology. On top of the Roche Corporate themes of 'Simplicity, Elegance, Human Centric and Minimalism', cobas brings in additional themes of Technology and Innovation.
- navify represents the digital solutions brand from Roche Diagnostics, striving for more connected and agile healthcare system, where digital technologies unlock new possibilities for better care. On top of the Roche Corporate themes of 'Simplicity, Elegance, Human Centric and Minimalism', navify brings in the overarching Digital theme with new graphics for use in navify materials.
Before working on a Roche project:
Find brand guidelines for each Roche brand here. Roche use custom fonts (Roche Sans, Roche Serif) which can be installed here. Links to the guidelines for each brand can be found on the bottom right of the homepage.
Login details for the brand site: Username: shee.juma@brightcarbon.com, Password: Carbon14SM
Roche BrandIn: Gives us access to templates, icons, graphics and a library of example slide layouts directly from within PowerPoint. How to install BrandIn for Roche Brands
Roche Corporate
Familiarise yourself with the core concepts from the brand guidelines website before starting to work in the Roche Corporate style. The Roche brand design is: minimalistic, clean and simple, elegant and light (use of open and white space). Warm (through human connection, use of warmer tones and reduced use of blue). Personal, emotive and empathetic.
Template & TOOLKIT
Font
Please use the font weightings for bolded text rather than using the inbuilt PowerPoint 'bold' feature. For example to create bold text, set the text to Roche Sans Medium in the PowerPoint font dropdown, do not 'bold' Roche Sans Light, for example.
- Headings: Roche Sans Medium - 18-22pt
- Body: Roche Sans Light - 12-16pt
- Quotes: Roche Serif Light - 12-18pt
- Graphs and callouts: Roche Sans Condensed Light - 12-18pt
Colours
- For specific RGB values and colour rules, see the Roche Corporate brand guidelines.
Illustrations
- Flat, colourful character illustrations. Exact style varies slightly per project. An illustration library can be found here.
Icons
- Two tone line icons. Avoid using backgrounds, shadows or fills. Icons can be found here.
Photography
- Photography is to be authentic, engaging, elegant, uncluttered and human-centered. An image library can be found here. (Username: shee.juma@brightcarbon.com Password: Carbon14SM)
Pro tip
- Make sure to include lots of white space into your design to keep the minimalistic, clean and simple style of the Roche brands.
- Before delivering a project to a client, check your work against the Consistency and Quality guide here.
Roche cobas
Familiarise yourself with the core concepts from the brand guidelines website before starting to work in the Roche cobas style. cobas is much the same as Roche Corporate, but incorporating themes of Technology and Innovation. cobas brings in a second set of primary colours, the cobas Greens, which should be used together with the Roche Blues. We incorporate the 'Technology' and 'Innovation' themes by making more use of the Sans Condensed Light font, limiting use of the Serif Light font, and using the greys as a neutral colour and avoiding using the beige tones.
Template & TOOLKIT
Font
Avoid using Roche Serif in the cobas brand. Lean more into the Sans Condensed for a more 'technical' feel.
- Headings: Roche Sans Medium - 18-22pt
- Body: Roche Sans Light - 12-16pt
- Quotes: Roche Sans Light - 12-18pt
- Graphs and callouts: Roche Sans Condensed Light - 12-18pt
Colours
- For specific RGB values and colour rules, see the Roche cobas brand guidelines.
- Use greys instead of the beige colours when working in the cobas brand. The beiges should be used for illustrations only.
Illustrations
- Flat, colourful character illustrations. Exact style varies slightly per project. An illustration library can be found here.
Icons
- Two tone line icons. Avoid using backgrounds, shadows or fills. Icons can be found here.
- Product Icons for cobas instruments can be found here. Do not change the line weights of these icons.
Photography
- Photography is to be authentic, engaging, elegant, uncluttered and human-centered. An image library can be found here. (Username: shee.juma@brightcarbon.com Password: Carbon14SM)
- cobas have specific guidelines for shadow use in product imagery. Details can be found here.
Pro tip
- cobas® should always be bolded (use Roche Sans Medium weighting, do not use the 'bold' feature in PowerPoint).
- The ® symbol after cobas is a mandatory trademark to be used in the first and most prominent mention of the mark (e.g., ACCU-CHEK, Accu-Chek, and cobas) in all materials on each page. However, some Roche clients may want its use incorporated more than this and in some product cases the ® symbol must be used after each reference (e.g., LightCycler® and TaqMan® ) due to dilution issues.
- For more details on the cobas® trademarks please refer to the guidelines.
- Before delivering a project to a client, check your work against the Consistency and Quality guide here.
Roche navify
Familiarise yourself with the core concepts from the brand guidelines website before starting to work in the Roche navify style. navify is much the same as Roche Corporate, but leaning into a 'Digital' theme. navify brings in a second set of primary colours, the navify Greens, which should be used together with the Roche Blues. We incorporate the 'Digital' theme by making more use of the Sans Condensed Light font, limiting use of the Serif Light font, and using the greys as a neutral colour and avoiding using the beige tones. navify makes use of 'pathway' graphics represent the gathering, dispersal, and flow of data that navify provides through it's tools and infrastructure.
Template & TOOLKIT
Font
- Headings: Roche Sans Medium - 18-22pt
- Body: Roche Sans Light - 12-16pt
- Quotes: Roche Serif Light - 12-18pt
- Graphs and callouts: Roche Sans Condensed Light - 12-18pt
Colours
- For specific RGB values and colour rules, see the Roche navify brand guidelines.
- There are three colour pairings that we use for navify projects. Ask the project owner for details when you begin work on a navify project. As a general rule, use Roche Blue as the primary colour and navify Green as for flourishes and highlights.
Illustrations
- Flat, colourful character illustrations. Exact style varies slightly per project. An illustration library can be found here.
Icons
- One tone line icons in Roche Blue. Avoid using backgrounds, shadows or fills. Icons can be found here but should be recoloured into Roche Blue.
Photography
- Photography is to be authentic, engaging, elegant, uncluttered and human-centered. An image library can be found here. (Username: shee.juma@brightcarbon.com Password: Carbon14SM)
Pro tip
- navify® should always be bolded (Sans Medium weighting). It should always be followed by a ® mark. This need not be superscripted.
- navify® should always be bolded (use Roche Sans Medium weighting, do not use the 'bold' feature in PowerPoint). The ® symbol after navify is a mandatory trademark to be used in the first and most prominent mention of the mark on each page.
- Before delivering a project to a client, check your work against the Consistency and Quality guide here.