Skip to main content

Artwork preparation guidelines

Adhering to the below guidelines will allow for an easy transition from design to build, helping content developers turn your designs into working Slides as efficiently as possible.

Choosing graphic design software​

When choosing which graphic design software to use, you must consider how easy it is for content developers to export assets (including SVGs), obtain pixel perfect measurements, extract font styles & colour palettes etc. Your chosen software must also be compatible with your developers' working environments (eg. Sketch is not available on Windows).

We highly recommend Adobe Illustrator or Figma. Presentation programs (eg. PowerPoint) do not adequately service the requirements for efficient content development. Talk to your development team or content partner when making this decision, they will be able to outline their specific preferences and requirements and may have an existing design process to consider.

Artwork conventions​

Starting Point​

Please use the supplied "Grid Templates" Illustrator file as a basis for structuring your new Slide designs, or import the supplied grid template SVGs into your graphic design software of choice (see above).

We have included a wide variety of grid options, allowing for limitless design possibilities. A deck is generally designed based on 4-6 of these grids.

Slides​

Slides must be on their own artboard placed from left to right, then downwards in a grid formation.

Subslides​

Subslides should be on their own artboard, placed in the same fashion as standard Slides.

Overlays​

Make a copy of the Slide the overlay is to appear on, and place it in a new artboard.

Artboard structure & labels​

Slides are to be laid out in a continuous grid, from left to right, then downwards. Deck structure - eg. Section Headers, Subslides etc., is determined using structure label text situated in the top right of the Slides:

image

SECTION HEADER​

The Cover Slide of a Section.

SUB​

This is a Subslide of the previous standard Slide.

OVERLAY​

This Artboard shows the previous standard Slide with an active overlay option.