Brand Guide / Point

4.2 Website

Our brand on the world-wide web

User profile photo (Gravatar)

When posting content on our blog, we want the profile image of the person or department to appear. Not only does it help to show clear differentiation between departments, and thought-leaders but it reduces the feeling that ‘something is missing’ on our website. We are not trying to hide anything.

Make sure the logo or image appears properly, is not too pixelated (low-resolution), is not cropped awkwardly or is not too small within the container area. Most profile images display in a circular format, this needs to be taken into account when cropping the image.

Image size

400 X 400 px @ 72 dpi

Main ImageHover Image
Main ImageHover Image
Main ImageHover Image
Main ImageHover Image

Blog post featured image

Every blog post published on our website requires a featured image that is relevant to the content. Remember to follow our photography criteria when selecting images.

Template size

1280 X 720 px @ 72 dpi

Do NOT add graphics, wording or the ‘pointicon’ to the images, this will help reduce the risk of bad cropping.

Main ImageHover Image

Adding icons to blog posts

Our icon style is detailed in 2.7 Iconography. We encourage the use of icons in our blog posts (i.e. Point Forward articles) as they offer visual interest on a page and at the same time provide concise, easy-to-understand meanings to ideas and thoughts.

Icons used in our blog posts can be either Magenta (#ec008c) or Dark Grey (#797979).

Job listing header image

When creating a Job Listing on our website, it requires a ‘company logo’ image to be displayed. To avoid unnecessary repetition and the incorrect cropping of our logo, we use images of skylines relevant to the country where the job is featured. This allows visual interest and variety when viewing the job listings together.

Template size

1245 X 380 px @ 72 dpi

The ‘pointicon’ must always be featured in the top right corner of the image.

 

DO NOT alter the size or placement of the ‘pointicon’.

Main ImageHover Image
Main ImageHover Image