Masthead style guide

First things first – what is the ‘Masthead’ anyway?

Masthead refers to the graphic used in the top-left corner of the OpenCities Planner interface. It is typically the logo of a project, municipality, or company.

Getting started

To add, replace, or remove a project’s Masthead – visit the Masthead Tab inside of the Interface Window:

The Image Section options are quite straightforward, simply click the appropriate button to upload, replace, or reset the image. You can upload SVG, GIF, PNG, and JPG image formats.

PROTIP

SVG, a vector format, is recommended. If you don’t have one, try the highest quality PNG or GIF file you can. Avoid JPG if possible.

Size matters

You can set a custom size for your image. In order to resize, use the handy slider or manually add a custom value.

Changes are made live in the Project View, so you can decide what looks best.

To click or not to click

You can even choose what happens when the image is clicked.

Masthead – 'On Click' Options — Masthead – ‘On Click’ Options

The options are pretty self-explanatory. ‘Do Nothing’ is the default, so if you do not actively change the setting nothing will happen when the Masthead is clicked. The choice is yours.

One small step for a OpenCities Planner user…

Now you have all the information you need. Adding the best Masthead you can is a small but important step in producing a high quality OpenCities Planner project.

PROTIP

Try adding a drop shadow to a solid colour logo or wordmark. This helps the image stand out over any background.