Brand assets for Ultimate Automotive Group
This guide has been designed to help maintain a consistent brand identity across all media.
Consistency matters.
When referencing Ultimate Automotive Group, please spell it as “Ultimate Automotive Group” or “UAG”, refrain from using “Ultimate Auto” or “Ultimate”.
If you have any questions or need any assistance contact Greg Beatty.
Color
The Ultimate Automotive Group brand palette consists of 1 primary color with 8 tints/shades and 9 scales of gray.
Hex: #197f4c
RGB: 25,127,76
CMYK: 91,38,94,0
Pantone 347
Hex: #343a40
RGB: 52,58,64
CMYK: 18,9,0,75
Pantone Black 7
Contrast should be checked on any variation used.
Logo variations and formats
The UAG logo is available in several variations — each distributed in many electronic file formats.
Understanding file formats
Different formats will be appropriate in different situations, and the following descriptions provide guidance for choosing the correct graphic format for your needs. Most file formats have a static resolution but each format has unique advantages. SVG images have infinite resolution.
Legacy formats
PNG is a bitmap-based graphic file format. PNG images support transparent backgrounds. We provide PNG in all cases as a fallback format.
Modern formats
WebP is a raster graphics file format developed by Google and intended as a replacement for JPEG, PNG, and GIF file formats. It supports both lossy and lossless compression, as well as animation and alpha transparency. This is the best format to use for photographs.
AVIF is an encoding based on the open-source AV1 video codec. AVIF is even newer—than WebP, only supported in Chrome/Edge since 2020, Firefox in 2021, and Safari in 2022. As with WebP, AVIF aims to address every conceivable use case for raster images on the web: GIF-like animation, PNG-like transparency, and improved perceptual quality at file sizes smaller than JPEG or WebP. This is the best bitmap format to use for all images (photographs and illustrated art). However, whenever possible we still use SVG. Once the tooling to encode this format is improved almost all of our images will default to this format unless SVG is available.
SVG is an XML-based markup language for describing two-dimensional based vector graphics. As such, it is a text-based, open web standard for describing images that can be rendered cleanly at any size and are designed specifically to work well with other web standards including CSS, DOM, JavaScript, and SMIL. This is best format to use for logos/charts and anything that was created initially as a vector art.
Variations
Variations can be vertical, vertical-tagline, horizontal, horizontal-tagline-address or icon.
vertical
vertical-tagline
horizontal
horizontal-tagline-address
icon
Filename structures
| File type | Example filename | Filename structure |
|---|---|---|
| PNG images | vertical-light-1800w.png | [variation] - [optimized for light/dark backgrounds or full reverse] - [static-width] . [file type] |
| WebP images | vertical-light-1800w.webp | [variation] - [optimized for light/dark backgrounds or full reverse] - [static-width] . [file type] |
| AVIF images | vertical-light-1800w.avif | [variation] - [optimized for light/dark backgrounds or full reverse] - [static-width] . [file type] |
| SVG images | vertical-light.svg | [variation] - [optimized for light/dark backgrounds or full reverse] - [file type] |
- Widths are measured in pixels and available in -300w, -600w, -1200w or -1800w. SVGs do not have a static width because they are pure vector art.
- Images are optimized for use on white, dark or the primary background colors. Use the light variation on shades of gray [100-400], use the dark variation on shades of gray [700-900]. See the example below.
gray-100
[light]
gray-200
[light]
gray-300
[light]
gray-400
[light]
insufficient contrast
gray-500
[light]
insufficient contrast
gray-600
[dark]
gray-700
[dark]
gray-800
[secondary, dark]
gray-900
[dark]
black
[dark]
horizontal [-light/-dark/-reverse]
horizontal-tagline-address [-light/-dark/-reverse]
vertical [-light/-dark/-reverse]
vertical-tagline [-light/-dark/-reverse]
icon [-light/-dark]
embroidery [-light/-dark]
Embroidery files have been modified with extra negative space in the UAG circle mark to avoid textile threads from collapsing the letter spaces. Download the instructions file (PDF) or the Adobe Illustrator file.
ONLY use these for embroidered products.
Download images
RGB Use for electronic media
The marks are optimized for placement on white, any of the gray values or the UAG primary color. Use the tables below to select the correct variation and background combination.
Variation:
vertical
SVG format
AVIF format
Webp format
PNG format
Variation:
vertical-tagline
SVG format
AVIF format
Webp format
PNG format
Variation:
horizontal
SVG format
AVIF format
Webp format
PNG format
Variation:
horizontal-tagline-address
SVG format
AVIF format
Webp format
PNG format
Variation:
icon
SVG format
AVIF format
Webp format
PNG format
Variation:
embroidery
SVG format
AVIF format
Webp format
PNG format
CMYK or Pantone spot color Use for professional offset printing
When to choose RGB, CMYK or Pantone spot color?
tl;dr Use RGB for content that is mostly viewed online or projected, use CMYK for materials you intend to have professionally printed.
You are viewing a monitor right now that uses RGB to produce bright vibrant colors using red, green and blue LEDs. Use RGB in all cases where the final distribution is most likely to be viewed on a screen. CMYK is a better option for offset and digital printing where a wide range of colors are reproducible using 4 base inks (cyan, magenta, yellow and black). Use CMYK if you are printing to a high quality desktop color printer or sending the product out for professional printing. While most colors can be built using CMYK sometimes the color hue will not match 100% so in most cases the Pantone spot colors will print closest to the RGB color space, however additional costs apply when printing using these standalone inks. See Understanding Different Color Spaces from Pantone for more background information.
Contact Greg Beatty for files in this color profile.
General rules for use
- Don’t use the logo in any way that lends to the appearance of UAG endorsing a product/service not authorized by UAG management or soliciting funds/other contributions.
- You can use the logo for marketing and informational purposes in connection with initiatives that promote UAG. Any other uses are unauthorized.
- Questions about who can use our logo or how it can be used? Contact Greg Beatty.
The UAG graphic should never be altered in any way. Below are some things to avoid:
- Do not use previous versions of the logo.
- Do not distort the graphic element by shrinking or stretching it.
- Do not change the typeface of the graphic element.
- Do not add special effects to the logo such as shadows or reflections to the graphic element.
- Do not change the placement of the text.
- Do not change the colors of the graphic element.
- Do not change the size of the text on the graphic element.
- Do not enclose the graphic element in a box or ellipse.
Maintain spacing
The general rule is to allow for 25% of the smallest dimension as a margin on all 4 sides. Example: If the image is 100px tall and 500px wide, then allow for 25px on all 4 sides. Margins highlighted in gray below for illustrative purposes.
Tips
- To resize the logo and maintain the “width x height” proportion in either Microsoft Word or PowerPoint, press and hold
[ SHIFT ]while you drag a sizing handle. - The combination mark is the preferred version. Use it in most cases. If space is limited and the standard combination mark appears smaller than two inches wide when printed, use either the horizontal or vertical version.
- These artwork files use RBG colors suitable for most electronic files, color printers and online displays. CMYK and Pantone spot color files for printing can be made available, contact Greg Beatty for help.
Templates
Business cards
PDF templates are available for business cards. Coming soon