Uploading Your Logo

Your logo appears in the interface and on what the platform produces.

Where to find it

Architect Panel → Styling:

• Logo — the logo and its variants

Architect Panel → Layout & Pages:

• E-mail Designs — where it appears on outgoing mail

It appears in more places than the header

Generated documents, e-mail designs, letters, the sign-in page, sometimes an exported report. A logo chosen only for the header will meet all of those, and the constraints differ.

Use a scalable format where you can

It stays sharp at any size and on high-resolution screens, and the file is usually smaller. Where you must use a bitmap, supply it at more than the display size so it does not look soft on a modern display.

Get the background right

A logo with a white background sitting on a coloured header looks like a mistake, and it is one of the commonest branding complaints. Use a transparent background, and check it against every surface it lands on.

Wide, not tall

Interface headers are short. A tall or square logo is scaled down until the wordmark is unreadable, so a horizontal version is nearly always the right primary.

If your logo only exists as a stacked lockup, this is worth asking your designer for.

It must survive being small

Look at it at the size it will actually appear. Fine detail, thin strokes and small tag lines disappear — and a logo that is a grey smudge is worse than a plain text name.

Remember e-mail

Many mail clients block remote images by default, so a logo in an e-mail design frequently does not load. Never let it be the only thing identifying you — the organisation's name should be present as text.

Check print and PDF

Generated documents and letters are printed and archived. A logo that looks right on screen can be too light in print, and a document going to somebody official should look right on paper.

Keep a copy of the source

Store the original artwork somewhere findable. The person who needs to regenerate a variant in two years will not have it otherwise, and reconstructing a logo from a downloaded PNG is a poor use of anybody's afternoon.

Worked example

An organisation supplies a horizontal logo with a transparent background, checks it in the header, on the sign-in page, in an e-mail design with images blocked, and on a printed letter. The e-mail design carries the organisation's name in text beside it, so a blocked image still identifies the sender.

Recommendations

• Horizontal, transparent background.
• Check it at its actual size, not full size.
• Never rely on it alone in e-mail.
• Keep the source artwork.