How to use this page
This page contains details of the Cancer Alliance Corporate Identity for the use of Members when incorporating Cancer Alliance material and logos into their own websites and materials.
The Cancer Alliance Corporate Identity Graphics Manual.
This includes details of the following items:
- Standard iconography
- Corporate colours
- Corporate fonts
- Corporate logo variations
- Margins and sizes
- Logo placement on photographs – Dos and Don’ts
- Business cards
- Email signature
- Let’s Talk About Cancer iconography, logo, usage, styling, etc
Logos for download
A variety of logo forms are provided in .jpg and .png formats below.
- Click on the appropriate resolution to the right of any thumbnail image below. This will bring up a large preview of the selected logo.
- To download, right-click on the preview image and select Save Image As… or Save picture as… and select where to save the image.
- A small version of the image may be obtained by downloading the thumbnail images. These are all sized with a width of 400 pixels.
- Click Escape to return to this selection page.
Please adhere to the following rules:
- Only use these formats. No other colour variations are allowed.
- The vertical or horizontal version of each logo can be used depending on space and visual discretion.
- All images are provided with an appropriate white margin on all sides, which should not be reduced.
- Logos may be overlaid on coloured backgrounds or the corner of an image where the colour is plain.
- Use the versions without payline if the background is too busy to read small text.
Note: All images are set to a print resolution of 300 pixels/inch for both x and y coordinates. Some additional notes to assist are provided at the bottom of this page.
|Full colour, suitable for MS Word letterhead and documents|
3 in = 75 mm width
|Let's Talk About Cancer||1761x1867||1761x1867||-||-|
Some additional notes on using these logos
The .jpg and .png images provided have all been saved with a print resolution of 300 pixels/inch. The following notes may be useful when making use of the provided logos.
Web pages normally ignore the print resolution and will simply display the image pixels. When complex images are resized to small dimensions there will be a loss of detail and images can appear fuzzy. This will be different for different display devices. To get the best resolution possible we recommend the following procedure:
- Decide on the required image size in pixels. For example, let’s assume we want to use the primary horizontal logo and require a vertical size of 100 pixels.
- Now, resize the master image to twice this size. IE: We end up with an image of size 357 x 200 px.
- Insert this image in the required place in the web page.
- Now, specify that the image should be shown at one half of it’s actual size, ie: at 178 x 100 px:
- In WordPress:
- Click on the image and then on the Edit icon.
- Under Display Settings – Size, select Custom Size. It should show the current image size, ie: 357 x 200. Change the vertical dimension to 100. The horizontal dimension will scale automatically to 178, ie: keeping the aspect ratio constant.
- Click on Update to return to the page. The image should now be the correct size on the page.
- Preview the page. You should now have a reasonably good quality small version of the logo.
- Using your browser controls, view the page at increased zoom factors. You should see the image quality improve as you zoom all the way up to 200%.
- In other platforms you may need to specify the height and width manually within the img tag as follows: width=”178″ height=”100″
- In WordPress:
Word processors generally take account of the print resolution specified within each file, and will scale any image to fit an assumed output device at 96 dpi (dots per inch). Therefore, if you simply insert any of the standard logo images, or resized versions, into an MS Word document, it will by default appear on the page reduced in size by a factor of 96/300, or 32%. However, the additional detail within the image is still present, and will allow it to be printed with higher definition – depending on the definition of the final print device. (You will be able to see this improved definition by zooming in all the way up to approximately 300% in your word processor.)
There are various ways to deal with this situation, as follows:
- You could insert a large version of the .jpg or .png file into the document, and then scale it down to the size required using the editing tools in your word processor. This will work, but has the downside that you will be making your MS Word (docx) file very large, as it has to contain the full picture file. Generally this is not a good solution.
- If you have access to an appropriate graphics package then you can adjust the print resolution of your file to, EG: 96 dpi. In this case your .jpg/.png image will be displayed and printed exactly as expected. However, the downside is that the image will generally not print at a very good quality, even if it looks “OK” on the screen.
- The recommended solution would be to follow a procedure something like the following:
- Decide on the approximate size you want the final image to appear on the page. EG: Assume we want an image to be 50 mm in height, or 2 inches.
- At 96 dpi this would correspond to 2 x 96 = 192 pixels.
- However, we need to provide 300 pixels / inch x 2 inches = 600 pixels, so we need to resize the image to a vertical size of 2 inches x 300 dpi = 600 pixels.
For further assistance please email the webmaster.