A-Wing Visuals Brand Guidelines

Our brand mark

The brandmark is built with the initial letter of the brand name. Because of it’s square nature, it can be used in many ways while maintaining its integrity. The brandmark must maintain consistency in its proportion and not be distorted in any way.

DO’S:

  • Use these instructions to refer to A-Wing Visuals

  • Use the brand mark to represent the brand when mentioning A-Wing Visuals in an article or in print

DONT’S:

  • Use any other form of reds except “Alizarin”

  • Alizarin brand mark on top of any color (Use all white instead

  • Using the symbol to represent the letter “A” in a word

  • Altering or co-branding the brand mark.

Clearance

To give the brandmark maximum legibility and exposure, a minimum area of clearance around the entire mark is necessary. It should ensure that the logo will not be diminished by other surrounding elements.

Minimum size

Never reproduce the brand mark at a size smaller than these recommendations, as it will result in the loss of their impact and readability

Logo layout

It is important that the logo’s appearance remains consistent across multiple platforms, both digital and print.

Primary Color Palette

We have a limited color palette to promote consistency within our brand We generally use black as a background color on items like presentation covers and white on larger content. Our red color is used as a highlight, but occasionally used as a background color, however, the dark tones are preferred. However the dark tones are preferred.

Alzirian Red #ED1C24

Black #0a0000

Grey #F2F2F

White #ffffff

Typography

Primary Interface: CONVECTION

CONVECTION PAIRING WITH STANDARD FONT

Convection font family is the main font for the A-Wing Visuals brand. Convection – Regular.The best choice for smaller copy. The go-to font for body-copy.

WEIGHTS & STYLES: When using the font it is critical to maintain the font pairing, tracking, leading and kerning.

Convection – Italic

Use Convection italic to pull out key words in your body copy. Never use Calibre bold in a large format.

Convection – Bold

Works best when displayed fairly large on key words. Use Convection bold for titles, short introductory paragraph or pullout quotes.

Convection – Extra Bold

Works best when displayed fairly large. Use Convection regular for titles, short introductory paragraph or pullout quotes.

Image in use

At A-Wing Visuals we prefer to use bright, bold photography that conveys high-end, professional, and authenticity. All of our imagery is taken in-house so we have complete control on what gets published. There are four categories of images: Client Projects, Product Shots, Animations, and Behind the Scenes

DO’S:

  • Use images as provided by A-Wing Visuals’ brand

  • Images must be bright, bold and conveys quality

  • All PNG’s should be on top a dark background

  • Using high resolution images of at least 48 megapixels

DONT’S:

  • Using high resolution images of at least 48 megapixels

  • Cut through or crop out main areas of images

  • Using different color background for PNG images

  • Using low-resolution images of at lower than 48 megapixels

Image, Copy and Overlay

Photography is used in web page headers, as the background in large CTAs, and in presentation templates. In these cases, photography is typically paired with a header, subheader, and button. Here are some guidelines to follow to ensure proper contrast, legibility, and color balance.

Graphical Elements: Graphical elements are the use of a slight downward angle and an upward angle to help break up design. Most designs should lean towards this style. An image can be used to help seperate design elements. The wing by itself is used in footers and other small areas. If an area is big such as the elements on the left, it is better to use the brandmark. Both the brandmark and the wing are lowered to 20% opacit

DO’S:

  • Choose an image with room for cop

  • Use all white logos, copy, and icons on image with color overlays

  • If main areas is partially cropped out of an image, make sure not to cut off the top of the head

DONT’S:

  • Stretch, warp, or disproportionately scale image

  • Cut through people’s faces with copy

  • Use a color image behind color overlay

  • Use color on colo

  • Awkwardly crop image

Pattern & Texture

Our pattern is formed using a combination of various technical lines and swooshes. These are used with reduced transparency. Our texture is formed from the use of grid overlays on our primary dark grey color

Texture useOur Texture is always applied as a plain background on a larger area and in some cases can also be used with the pattern, where it’s placed on top while maintaining the same transparency.

Pattern useOur Pattern can be applied on images, and dark backgrounds, to use the pattern on the image. It must have a dark overlay below it to ensure visibility due to it’s transparency

Icons & illustrationsIcons are used to assist copy in representing instructional and actionable meaning. It’s important that any icon we create represents the subject as closely as possibl

DO’S:

  • Replace copy altogether with an icon

  • Assume icons are universally understood

DONT’S:

  • Decorate or fill the white space with an icon

  • Combine many icons together to create an illustration

  • Use color icons on color backgrounds

Have A Video Project on mind?

Let’s collaborate!