Brand Elements / Graphic Elements

Graphic Elements

Expressive and intentional.

Our elements create a sense of movement in our brand, and paired with this striking use of colors, it demands the viewer’s attention. But this is only the tip of the iceberg — these are a few ways to use the elements, but they’re bursting with creative opportunities.

Graphic Overlays

warm-colors@2x.png
warm-transparency@2x.png
cool-colors@2x.png
cool-transparency.png
 

COLOR OVERLAYING WHITE BACKGROUND

WHITE OVERLAYING COLOR BACKGROUND

white-over-color@2x.png
color-overlay-white@2x.png

Using Graphic Elements

dont-graphics.png
do-graphics.png
 

Dos & Don’ts

dont-color.png
Keep it simple. Stick to the basics outlined in the style guide for both consistency and design principles.

dont-scale.png
do-scale.png

dont-placement.png
do-placement.png

dont-direction.png
do-direction.png

dont-patternblock.png
do-patternblock.png

 
dont-pattern.png
do-pattern.png
 
 

Brand Elements / Graphic Elements

Patterns

Clear and mighty.

Whether these versatile patterns live in the foreground or background, they can quickly convey in a simple way the idea of getting you from point A to point B.


Pattern Overlays

Patterns may be used as a texture on top of a white or color background for visual interest.

WARM COLORS

Color patterns over warm colored backgrounds can be used at 100%, 75%, 50% or 35% opacity using a screen or multiply effect. White patterns over warm colored backgrounds can be used at 100%, 75%, 50% or 35% opacity using a soft light effect.

COLOR OVERLAYING COLOR BACKGROUND

warm-color-over-color@2x.png

WHITE OVERLAYING COLOR BACKGROUND

warm-white-over-color@2x.png

COOL COLORS

Color patterns over cool colored backgrounds can be used at 100%, 75%, 50% or 35% opacity using a screen or multiply effect. White patterns over warm colored backgrounds can be used at 100%, 75%, 50% or 35% opacity using a soft light effect.

COLOR OVERLAYING COLOR BACKGROUND

cool-color-over-color@2x.png

WHITE OVERLAYING COLOR BACKGROUND

white-color-over-color@2x.png

Dos & Don’ts

dont-background.png
do-background.png
 
 
 

Brand Elements / Graphic Elements

Iconography

Icon Set

Icons can be used to help convey information more clearly and to add visual interest to a design. They may be used in any of the primary or secondary brand color palette or in full color, depending on the context and tone. If you need a specific icon that is not already created, please submit a Creative Request.

 

Spot Illustrations

Spot illustrations help showcase a differentiator or explain an ACE experience. They’re lightweight, not too busy but are there to help enhance the flow by bringing the interface to life and delighting the user. There are six spot illustrations to represent six core differentiators:


SPOT ILLUSTRATION COLOR WAYS

1 color at varied opacities

  • reports

  • academic resources

illustrations-color-accent.jpg

Stroke with colored accent shapes

  • videos

  • blog

 
illustrations-color-stroke.jpg

Prominent stroke on dark background

  • icons

  • organic social

  • mobile app

illustrations-color-full.jpg

Full color

  • website

  • ATC email journeys

  • field ad hoc emails

 

Please contact marketing at marketing@ace.edu if you would like to use these spot illustrations.


Using Icons & Spot Illustrations

Please follow the guidelines below when using ACE’s unique icon set.

do-icons.png
 
dont-icons.png
dont-iconography.png