Guidelines

Some elements to consider when designing pages.


Typography

H1, 80px, Helvetica Now for IB Display.

H2, 60px, Helvetica Now for IB Display.

H3, 50px, Helvetica Now for IB Display.

H4, 40px, Helvetica Now for IB Display.

H5, 30px, Helvetica Now for IB Display.

H6, 25px, Helvetica Now for IB Display.

p, 18px, Helvetica Now for IB Text.

Pellentesque this is s link tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

This is <p> + Preset Size “Meta”

Use only one <H1> per page, followed by other headings accordingly and progressively (H2, H3, etc.).


Images

Minimum width 2560 px to serve the retina displays.

Max size 1Mb per image.

JPGs for photos.

PNG for images with solid colours or transparency.

SVG for vector images.

Ratios: 1:1, 1:2, 2:1, 16:9, 16:8.

For SEO and accessibility optimisation, please name the Case Studies’ images as “Interbrand_ClientName_00”,, I.e. “Interbrand_Juventus_01”.


Palette

Text

#000000

#EE0000

#767676

#FFFFFF

Background

#000000

#222222

#444444

#666666

#888888

#AAAAAA

#BBBBBB

#CCCCCC

#DDDDDD

#EEEEEE

#FFFFFF

#EE0000

#AA0000

#660000


Grid

Tiers