Knowledge Accelerators
Brand Guidelines

Primary Logo

Usage

This is the logo we use most - it comes in purple, red, and black. This ensures perfect legibility and association with our brand colors. This logo should be used on all light backgrounds when the full color logo is available.

Secondary Logos

If the background is dark, we need to ensure maximum legibility - that’s why we always use one of the white variations of the logo.

If the background is dark, we need to ensure maximum legibility - that’s why we always use one of the white variations of the logo.

Logo Mark

The color mark should be used the most whenever there is a white or light background.

If the background is close in color of the logo mark, then we need to use the white variation of the mark.

If their is a need to have a flat logo (for print or other occasion), then use a solid white version of the logo.

The black version of the logo works great when we don’t want to bring ourselves too much attention.

Alternate Logos

When the primary logo doesn't fit your composition, use the horizontal lockup.

Clearspace

When placing the logo, it is important to give it enough space from the margins and other elements of the surface on which it is displayed. The principle of clearspace is simple.

Sizing

Our logo is designed to work in all sizes. The minimum size of the logo is set at 16 px height, which ensures good readability. There is no defined maximum size.

Misuse

Our logo should always be treated with love and respect. It should not be re-imagined, altered or modified. As a general rule, do not adjust or modify the logo in any way. Below are some examples of what not to do.

2. Colors

Primary Color Palette

Our primary color is KA Purple. Purple combines the stability of blue and the energy of red. It symbolizes nobility and ambition. It is associated with wisdom and creativity. It is present in our logo, and interactive elements such as CTA’s, links, inputs, active states, etc.

There is a light and dark primary. The light primary is used when the background is white or light in nature, while the dark primary is used when the background is dark. This is to ensure maximum legibly and abide by accessibility standards.

Secondary Color Palette

Red, Orange, and Yellow symbolize the inception and cornerstone of Knowledge Accelerators, paying homage to the vibrant hues of St. Petersburg, Florida. These colors are used as supporting secondary colors in interactive elements.

Neutral Color Palette / Light

These colors are used as supporting secondary colors in backgrounds, text colors, and separators. This set of neutral colors are used when the canvas is light.

Neutral Color Palette / Dark

These colors are used as supporting secondary colors in backgrounds, text colors, and separators. This set of neutral colors are used when the canvas is dark.

Gradient Collection

These linear gradients are used for supporting graphics for backgrounds, social, presentations, and the website.

Black -> Light Primary
#010314 -> #6633e3

Dark Primary -> Light Primary
#8364ff -> #6633e3

Light Primary -> Red
#6633e3 -> #f52672

Red -> Orange -> Yellow
#f52672 -> #faa111 -> #ffd439

White -> Gray
#ffffff -> #b3b5cb

Our main typography for headers is PT Sans and for body copy is Inter. It helps us maintain a distinctive look. We use it for our main communications, and it is present both in digital and print format.

Headers

Body Copy

Heading Styles

Icons are displayed as 24 x 24px with 2px stroke. Create icons for viewing at 100% scale for pixel-perfect accuracy.

*This is a scale of 24x the original icon size.

A photographic image may play a leading or supporting role in a layout. Whether it’s the main focus, a background image or a minor inset. Portraits of people are what constitutes our brand. Photos of users with equipment specific to training is key. The photos should be authentic, natural, and in action.

Lifestyle

Portraits

6. Backgrounds

We use the angles of the logo mark to play with various compositions. We can play with all the colors of our palette. Always use a close up view of the composition. The content above the backgrounds must be legible. We strive to remain abstract to allow the audience to personally engage with the content.

Examples