NAS-Background.jpg

The Voortex Guide to Graphics

 

A critical component to successful engagement through video is an intentional consideration for graphics and design that align with the style and aesthetic of your brand. This guide will inform you about the key aspects of graphics, style, and design to be aware of regarding video.

Apple Sorter 1DC.jpg
 

Brand Style Guide

 

The primary purpose of a Brand Style Guide is to provide creators with a set of guidelines to use that will ensure consistency for anything that represents the brand visually. In the same way that our DNA serves as the instructions for how our bodies replicate our cells; a Brand Style Guide is a document that identifies all of the elements that comprise your Brand Identity and may even offer insight or reasoning to Style or design decisions.


Anatomy of a Brand Style Guide

Winthrop Campout-34.jpg
 

Cover 


The Cover of a Brand style guide summarizes the main elements of your brand.

Logo

 

Colors

 

Typefaces

…and shows off your branding style in a simple, yet striking way.


Katmai Bears-191.jpg
 

 Content


Whether your document is a few pages or a few volumes, it’s always a good idea to include a Contents page as part of your style guide. This helps readers orientate themselves, and transforms the document into a brand manual that readers can use to find guidance on fonts, for example, by simply looking up the relevant page.


Vantage Crissy cu portrait-2.jpg
 

 Ethos


Ethos describes who we are and what we stand for. In marketing, ethos is the connection between a brand and its audience. It succeeds when the perception of what we stand for matches our behavior. A strong ethos is what makes us authentic. The more authentic we appear, the more trusted we are.


Confluence Health Scout-127.jpg
 

Logos 


A logo is the most instantly recognizable component of your brand identity. It might be type-based (perhaps a signature or simple typeset design), symbolic (just a graphic) or a combination of the two, but you’re definitely going to want to lay down the rules for how your beautiful logo should be used.

Logos come in many shapes, sizes, colors, and file types and sometimes it can be overwhelming to try and understand which one to use. Here is a short guide to help you understand what kind of file will work best for video.

Vector Files

A vector file can be scaled to any size without any loss of quality. This is because it’s built up from mathematically precise points that place lines and shapes in a given two-dimensional or three-dimensional space. This is the optimal filetype to send us. Here are three of the most common Vector filetypes:

  • .Ai - Adobe Illustrator (highest compatibility)

  • .PDF - Portable Document Format

  • .EPS - Encapsulated PostScript

Raster Files

Raster files are built up of small squares called pixels. This means that as you increase the size of your image, it will become blocky, or appear to be blurred. This is why a logo design should be created in vector format for the best results. Here are the two most common Raster Filetypes:

  • .PNG - Portable Network Graphics

  • .JPEG - Joint Photographic Experts Group

Alpha Channel (Transparency)

An alpha channel is a color component that represents the degree of transparency (or opacity) of a color (i.e., the red, green and blue channels). It is used to determine how a pixel is rendered when blended with another. If you are using a vector file you won't need to worry about alpha channels but for raster files they are very important. PNG files are the most universal raster file that supports alpha channels. JPEG files do not support an alpha channel.

Resolution & Dimensions

Image dimensions measure the total number of pixels along an image’s width and height. As a general guideline, raster logos (.png & .jpeg) should be a minimum of 1000px-wide with a proportionate height based on the aspect ratio of the image. Resolution is the fineness of detail in an image and is measured in pixels per inch (ppi). The more pixels per inch, the greater the resolution. Generally, an image with a higher resolution produces a better printed image quality.


Katmai Bears-2.jpg
 

 Typeface


It’s important to define the fonts you’d like to use for branded materials, as well as define rules for how the fonts should be used. Consider including guidance on:

  • The typefaces and weights of each (e.g. Regular, Bold, Light) that make up your typeface portfolio. 

  • Do you have one font for headings, and another for body text? If so, make it clear!

  • Do you have size specs for your text, i.e. this font should never be larger or smaller than…

  • Do you have preferences for typography (e.g. drop caps, paragraph alignment, tracking etc)? Remember, if you don’t say it, no one will know what your ideal brand typography should look like.

  • You might have a typeface that you use exclusively on your logo. Spell it out if you don’t want it to be used anywhere else.


Miss Veedol-1.jpg
 

Color


Color can breathe life into a brand, making it exciting, approachable, luxurious, serious or light-hearted, amongst so many other emotive qualities that we associate with particular colors and color combinations. 

Color can also be sadly and unjustifiably abused. To avoid anyone applying a neon ‘glow’ to your brand typeface or reworking your beloved logo in shades of pastel, devote a page of your style guide to the correct application of color.


Malaga Ram.jpg
 

 Usage


No brand exists in a bubble. Successful brand design responds flexibly—most good logos will be just as effective teamed with graphics and/or photography as they would be on their own.

But you do need to specify in your style guide how images should be used alongside other elements of your branding. 

Be sure to think about the following, and provide some images to demonstrate good (and bad) examples:

  • Can your logo and/or brand type be set over the top of graphics or photography? Advising others to avoid setting your logo over busy backgrounds is usually a good standard tip that will apply to any brand design.

  • Do you have graphic elements that can be lifted from your logo design, and can be used in a flexible way across materials?

  • Should the photos and graphics that are chosen to run alongside the logo have particular subjects or emotive qualities?

  • Are there photos and graphics that should be avoided?


Confluence Health Scout-114.jpg
 

 Examples


You may have included a couple of examples of your brand in action here and there, but it’s also a great idea to devote a page or two of your style guide to showcasing examples of best practice.

These can be real-life examples of posters, exhibition materials, flyers, etc. Or you could include some simple mock-ups of business cards and other items, showing how your brand assets (logos, type, color, etc.) should be positioned and printed.