AT&T Guide
AT&T Guide
April 2009
Table of Contents
Introduction 1 Arc System 15
Corporate Signature 2 Arc Use 16
Signature with Tagline 3 Arc Color Variations 17
Restricted Uses 4 Arc Templates 18
Clear Space 5 Correct Arc Use 19
Signature Colors 6 Incorrect Arc Use 20
Signature Incorrect Use 7 Supergraphic Configurations 21
Typography 8 Iconography 22
Tone of Voice 9 AT&T 2.0 Image Categories 23
Bringing Tone of Voice To Life 10 2.0 Photography Style 24
Color Palette 11 2.0 Photography Elements 25
Color Specifications 12 Correct and Incorrect Photography Use 26
Vibrant Color 13 Illustration Overview 27
Vibrant Color Specifications 14 Correct and Incorrect Illustration 28
Illustration Contact List 29
Product Showcase 30
Combining Photography and Illustration:
Correct and Incorrect Use 31
Customer Journey/Examples 32
AT&T Brand Center 33
That’s what AT&T 2.0 is about. It’s the next version of the AT&T brand, an evolution Email us at [email protected].
of “The new AT&T” that was built from the SBC–AT&T merger and integration
of BellSouth and Cingular. In this document you will see how this change affects
not only the way we communicate, in terms of tone, look and feel, but also the
fundamental message we want to establish in the customer’s mind.
Globe symbol
Globe symbol
AT&T logotype
AT&T logotype
The signature with tagline in the horizontal configuration is the preferred version.
AT&T logotype
AT&T logotype
Globe symbol
Globe symbol AT&T tagline
AT&T tagline
When using these signatures, follow the same clear space, color and design system
guidelines as those for the AT&T signatures.
The out of home (OOH) signature is reserved for large formats on external applications The alternate signature has a larger AT&T logotype and is used only when visibility is
such as billboards. The OOH signature uses a larger type for better visibility. limited or reproduction methods are restricted, such as signage or sponsorship logos.
The alternate signature is available only upon request from Brand Management.
Clear space is measured by the x-height of the logotype, shown as “x” in this exhibit.
The minimum clear space must always be 1x on all sides of the signature. When
possible, increase this amount for even more visibility.
The same clear space rules apply to all configurations and variations of the signature.
1x 1x 1x 1x 1x 1x
x
x
1x 1x
1x 1x
x
1x 1x
Signature clear space
1x 1x 1x 1x
1x 1x
x
1x 1x
The signature with tagline and “The new” clear space
Two-color gradient signature Four-color process gradient signature One-color blue gradient signature One-color black gradient signature
Two-color reverse gradient signature Four-color process reverse gradient One-color reverse blue gradient signature One-color reverse black gradient
signature signature
Two-color solid signature One-color solid blue signature One-color solid black signature One-color reverse black solid signature
Altering, distorting or redrawing the signature in any way weakens the power
of the image and what it represents.
Do not change signature colors. Do not reposition or “flop” signature Do not distort the signature. Do not remove any element
components. from the signature.
Do not rescale signature components. Do not place the ampersand in any Do not place the signature within text. Do not add text or product
shape or holding device, or use it as names to the signature.
an independent graphic element.
Do not change the letterforms of the Do not use multiple globes or use Do not place the signature over Do not place the signature
logotype to uppercase. the globe as a graphic element. other graphic elements. against a photographic
background without
sufficient contrast.
Verdana is our secondary typeface. Use it where it is not possible to use our primary If you require a weight other than those shown here, or have questions about which
typeface, such as on the web or in PowerPoint. format to use, email [email protected].
ClearviewATT Verdana
ClearviewATT Font Family ClearviewATT Light Verdana Font Family
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 abcdefghijklmnopqrstuvwxyz
1234567890
In the same way, tone of voice reinforces this distinct personal style. It is not what
AT&T says, but how; it is about communicating in a way that is unmistakably AT&T.
Friendly Innovative
Be welcoming. Write as if speaking. Keep your words bright, simple and familiar. The products we sell
Imagine that you are chatting with your customer over a cup of coffee.
Reliable
Energetic The service we deliver
We are full of life, bringing together enthusiasm and a sense of purpose.
Our style is dynamic, rallying, a call to action. Paint a picture with your words. Flexible
Explore the unexpected. Our open, responsive approach
Fast
Because every moment matters, we get straight to the point.
Helpful
Let’s make it easy. Show that we are there to help by sharing information with
a positive, can-do attitude. Use examples to bring messages to life, and don’t
be afraid to ask questions.
Consumer Our Quad Choice offer bundles home Go on. Have it all. AT&T Quad Choice is a comprehensive
Key concern: I need to be in touch phone, Internet, wireless voice and service bundle that meets all your
with everything that matters to me, entertainment. communication needs.
right when it matters.
Small business Connect anytime with reservationless You’re VIP here. Skip the You can connect to business contacts
Key concern: I need to be free to conferencing. anytime thanks to AT&T reservation-
work faster and smarter to ensure
line with reservationless less conferencing.
my success. conferencing.
Enterprise The AT&T Global Network Client Transform “clock in” If your enterprise needs to go mobile,
Key concern: I need to unleash the provides a seamless interface for consider the convenience of the AT&T
creativity and genius of my organization your mobile workforce.
to “click in.” Mobilize Global Network Client.
to bring greater value to our customers with the AT&T Global
and investors. Network Client.
Color plays a prominent role in all of our communications and is one of the
cornerstones of our graphic vocabulary. It is a visual element that quickly identifies
our design system. The colors in this palette are the only colors that may be used. AT&T Blue AT&T Blue Highlight
All the colors in the AT&T color palette are complementary — use them together
or with AT&T New Orange and AT&T Blue.
White AT&T Silver Black Primary color palette, vibrant
White AT&T Silver Black Primary color palette, vibrant AT&T Purple AT&T Purple Highlight
Primary color palette, solid Secondary color palette, solid Secondary color palette, vibrant
AT&T Green AT&T Green Highlight AT&T Magenta AT&T Mint Green
AT&T Burgundy AT&T Burgundy Highlight AT&T Bright Green Accent color palette, level 2
Accent color palette, level 1
AT&T Purple AT&T Purple Highlight
*For specifications, please download Working with Vibrant Color: A Step-by-Step Guide (PDF) on the AT&T Brand Center.
AT&T Brand Guidelines at a Glance 12
Vibrant Color
Vibrant colors are derived from the AT&T primary and secondary color palettes to
create a highlight gradient that radiates off the page. Please download Working with
Vibrant Color: A Step-by-Step Guide (PDF) for more information on constructing a
vibrant color.
The arc templates are available for download on the AT&T Brand Center. AT&T color
palettes for use on arcs and backgrounds are embedded into each arc template file.
AT&T
AT&T
New
New
Orange
Orange 0/64/100/0
0/64/100/0 0/31/100
0/31/100 255/114/0
255/114/0 252/179/20
252/179/20
AT&T
AT&T
Blue
Blue 85/24/0/0
85/24/0/0 55/18/0/0
55/18/0/0 6/122/180
6/122/180 58/165/220
58/165/220
AT&T
AT&T
Lime
Lime 24/0/98/8
24/0/98/8 26/0/100/0
26/0/100/0 182/191/0
182/191/0 219/216/16
219/216/16
AT&T
AT&T
Green
Green 55/0/100/0
55/0/100/0 32/0/100/0
32/0/100/0 110/187/31
110/187/31 196/216/45
196/216/45
AT&T
AT&T
Burgundy
Burgundy 2/100/35/29
2/100/35/29 2/92/25/8
2/92/25/8 179/10/60
179/10/60 218/56/114
218/56/114
AT&T
AT&T
Purple
Purple 45/100/0/0
45/100/0/0 30/86/0/0
30/86/0/0 129/1/126
129/1/126 184/80/158
184/80/158
AT&T
AT&T
Dark
Dark
Blue
Blue 100/74/0/33
100/74/0/33 87/50/0/4
87/50/0/4 12/37/119
12/37/119 2/111/179
2/111/179
Horizontal format using two arcs Horizontal format using one arc Do not use single arc(s) meant
for use with two arcs
Primary vibrant color arc Secondary vibrant color arc Primary solid color arc Secondary solid color arc
Primary vibrant color fill, Secondary vibrant color fill, transparent arc Primary solid color fill, Secondary solid color fill, transparent arc
transparent arc transparent arc
Primary vibrant color fill, Secondary vibrant color fill, white arc Primary solid color fill, white arc Secondary solid color fill, white arc
white arc
Extreme horizontal
Billboard 48’ x 14’
Vertical banners
Vibrant color arcs with Vibrant color background Vibrant color background Single vibrant color arc Vibrant color arcs over White arcs over image
white background with solid color arcs with white arcs over image image
Do not combine multiple Do not combine vibrant Do not combine vibrant Do not place imagery in Do not use a transparent Do not combine multiple
vibrant color arcs. color background with color arcs with solid color the arcs. vibrant arc over imagery. vibrant color arcs over
vibrant color arcs. arcs. imagery.
Do not use arc(s) that do Do not place fields of Do not use accent colors Do not overlap products
not match the background color randomly. for arcs. or silhouetted photos on
color. the top arc in two-arc
layouts.
There are two configurations of the globe supergraphic: gradient and watermark.
Templates for these configurations are available in the Downloads section of the
Brand Center. These are the only configurations that should be used. Never create
your own versions of the supergraphic.
Gradient supergraphic in 18% opacity of white on 18% opacity of white on 18% tint of AT&T Blue or
full color AT&T New Orange vibrant AT&T Blue vibrant or solid black on a white background
or solid color background color background
Do not place text over Do not change the color Do not place the gradient Do not use the watermark Do not use unapproved Do not use the watermark
a supergraphic. of the gradient supergraphic. supergraphic against a supergraphic in accent colors. supergraphic sizes and supergraphic over imagery.
vibrant background. croppings.
Feature icons represent the various features associated within an AT&T product/
service. Use these icons to show special characteristics of an AT&T product/service,
but do not use them to represent the AT&T product/service.
Only
share faster
With Wireless Services, Advanced TV and Do not use the glass
Internet, AT&T brings you the connections bead holding shape as
Advanced Internet Phone Wireless
you need when you need them. a graphic violator.
TV Services Services Services Services
$ 20 CASH
BACK! 70
$ CASH
BACK!
50
With a Samsung A729 With a palm Treo 680
$ CASH
BACK!
with broadband-speed
and multimedia phone
with broadband-speed
and multimedia phone
Dui bla faccum illutpat ullam iriure dipsum vullandionse te vent euis nim nim ea feugiatis nulpute velessi ea facilisi blam eu faccumm odolore eraesenit wisim quipit praessis aute dolor sis et in et adiam, quip esed dipit.
Mail Instant Messaging Text Messaging Email Fax Correct use of category and feature icons
Photography
Residential and business:
Engaging people “living the moment”
Illustration
Combining product, photography and illustration as a
secondary element or expression of the sales piece
Product Display
Showing product on its own, with photography
and with illustration
Captures an idea in an expressive and Contains wide tonal range with vibrant Captures the energy of the moment Is current and active
unique way colors and is fun, celebratory, casual in a candid manner
and inviting
Should not be posed and predictable Should not be posed or forced Should not be posed or forced Should not be unconvincing or staged
Should not be high-end or high class Should not be cluttered and unfocused
Should not be flat or have muted colors
Energetic with textural and subtle detail Bold color with expressive elements Unique and contemporary
Use flat, bold color when capturing people Use bold color with expressive elements Use unique and contemporary styles
and materials
Do not use realistically illustrated people Do not use cartoon, comic book or retro Do not use clip art, common or dated styles
posed with products styles
Talent: Joshua Davis Talent: Kristian Russell Talent: Mio Matsumoto Talent: Stina Persson
Contact: joshuadavis.com Contact: art-dept.com Contact: miomatsumoto.com Contact: cwc-i.com
Creative angles and cropping Cast reflections Scale and multiple angles
Use silhouetted photography with product Use camera-facing silhouettes with Silhouettes should be sharp and in focus,
and illustration. illustration. placed on vibrant color.
Do not use full, non-silhouetted images Do not use silhouettes without the presence of Do not use out-of-focus silhouettes or place
with illustration. a vibrant color, illustration and/or products. silhouettes on additional photography.
att.com/loremdolor
UP TO
Advertising att.com/loremdolor
spring 5999
$
Lorem ipsum dolor Lorem ipsum dolor sit amet $90,
sit amet $60, uit consectetuer nam fringilla etaiam
consectetuer adipiscing elit. Nam fringilla. Etiam
6999
forward!
$ Dolor sit amet eiut
consectetuer
adipiscing elit. Nam
Dolor sit amet $90, consectetuer nam
fringilla etaiam adipiscing elit. Nam
fringilla. Etiam vitae dui.
$
7999
Amet cpmseit, Consectetuer nam fringilla etaiam
consectetuer adipiscing elit. Nam fringilla. Etiam
Web banners
adipiscing elit. Nam vitae dui.
it’s just
Lorem dolor amet ismpsm.
that easy
here’s the the big
lowdown on the easy
best phones, Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
att.com/loremdollor
att.com/lorem
$
3999
The new Motorola Lorem Dolor.
- Lorem dolor ispum solor
- Sjakld dulor euite dkug
- Halouolo julo wulout logn
att.com/loremdollor
att.com/brand
[email protected]
©2008 AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.