When it comes to making your Zapnito site look nice, we do all the hard work for you.

To guide us on how your site should look, you have four options:

1. Provide new logos and tell us to copy the design of one of your existing Zapnito sites

2. Give us your logos and main site colour and we’ll do the rest

3. Give us your logos and the URL of a website whose design we should copy

4. Give us your logos and brand guidelines and we’ll follow them to create your site’s design theme

Logo requirements

We need the following logos from you:

Main site logo

This fits in your site navigation bar and should be no wider than 240 pixels. Please supply the logo in a vector format (EPS, AI, SVG).

Main site logo reversed out

For some colour schemes, we may need a reversed-out version of your logo. This should be white on a transparent background. Please supply the logo in a vector format (EPS, AI, SVG).

You also have the option to provide us with the following logos.

Favicon

This is a small icon that is used on browser tabs to help visitors identify your website. It should be 32 x 32 pixels and supplied as a PNG.

Mobile bookmark icon

This is shown if a user bookmarks your website on their mobile device. It should be 200 x 200 pixels and supplied as a PNG.

If you don’t supply your own favicon or mobile bookmark, we will create them from your main site logo.

Other design options

Hero style

At the top of your homepage there is an area called the ‘hero’. You can choose whether this area shows a range of content from your Zapnito site or is a static image.

If you’d like a static hero image, please supply us with:

1. The image itself, which ideally:

1. Is in landscape orientation

2. Is at least 1280 pixels wide (the height would depend on the aspect ratio of the image). This will provide a good compromise between quality and file size.

3. Is a JPG or PNG. Please read this guide on choosing the appropriate format

4. Does not include text within the image itself as we cannot guarantee how it will appear when the image is resized for different devices. (You can overlay the image with title and body text, however)

2. Any title text you want to overlay the hero, to a max of 50 characters. (‘A community map of cancer immunity’ in this example)

And, if required:

1. Any body text you want to overlay the hero, to a max of 100 characters. (Sits under the title text)

2. The text and URLs for one or two buttons to overlay the hero

Branding bar

The branding bar sits above your main navigation bar and has two main uses:

1. To describe the network for new visitors

2. To link to a related website

It has two fields into which you can enter information:

Left-hand field

This can contain text, including with a hyperlink, if required.

Right-hand field

This can contain a logo. Please supply the logo in a vector format (EPS, AI, SVG).

Any queries? Contact us at support@zapnito.com