Un Carrier - Brand Guidelines - TMO - 2024 07 08
Un Carrier - Brand Guidelines - TMO - 2024 07 08
BRAND
GUIDELINES
JULY 2024
WE ARE THE UN-CARRIER.
We love our customers. And, at T-Mobile we express that love through every touchpoint in the
Un-carrier experience—through our unrivaled network, our amazing people, and our beloved brand.
This is why the T-Mobile Brand Guidelines are important for all of us. This living document is
designed to provide a comprehensive understanding of who we are, what we believe, and why we
do what we do. And it breaks down how we bring all that to life through our unique Un-carrier brand
voice and distinctive visual identity.
Table of Manifesto
Mission + Vision
4
5
Typography
TeleNeo 23
Visual Guidelines
Photography 38
T-Digit Badge 12
Neon Text Do’s and Don’ts 30 Resources
Our Voice 35
Logo Lockups Overview 17
Style and Grammar 36
We Love Magenta 18
Color Palette 19
Gradient Backgrounds 20
Mnemonic 21
Manifesto
Eliminating the false choice between a great network and affordable access.
We love our customers. Technology in the service of people. Not the other way around.
It’s who we are. We use our brand, our people, and our network as catalysts FOR GOOD.
1
VISION
# IN CUSTOMER CHOICE
IN CUSTOMERS’ HEARTS
WE WON’T STOP.
We are relentless. Striving. Never complacent. We find a way, busting down barriers.
We don’t wait for change, we make it.
T-MOBILE UN-CARRIER
T-Mobile
BRAND
Brand
GUIDELINES
Guidelines 6
Core Brand Elements
IN THIS SECTION:
OVERVIEW | LOGOS | COLOR | MNEMONIC
PRIMARY LOGO
Core Brand
Elements
These are the cornerstones of our brand.
They are uniquely ours and instantly
recognizable, anywhere.
Our Iconic
T-Digit
The T-Digit is central to our brand identity and
how we show up in the market. We go BIG with
the T-Digit to BOLDLY represent the brand rather
than reserving it for small placements.
We selectively customize the T-Digit for
very specific purposes or audiences–like to
highlight certain moments and campaigns. For
example, adding neon to connote our network or
customizing the T-Digit to represent our
ERG groups.
A New Look:
1
2. STRENGTHENED TOPLINE
3 Provides more stability in the mark even in small
Strengthened,
insert size.
4 3. OPTIMIZED CURVES
5. STRONGER STEM
Emphasis in the center of the character creates
more trustworthy overall effect.
7
6. PRESERVATION OF INNER SPACES
Digit position moves slightly outwards analogous
to trunk thickening.
10
9 7. STRONGER BASE
For a solid stand and an aesthetic balance to the
upper character part.
WHITE LOGO ON MAGENTA MAGENTA LOGO ON BLACK* WHITE T-DIGIT ON MAGENTA MAGENTA T-DIGIT ON BLACK*
*Caution: Magenta on black can vibrate in small applications, especially in digital, so please ensure it’s large enough for clear readability.
SECONDARY LOGOS
WHITE LOGO ON BLACK BLACK LOGO ON WHITE WHITE T-DIGIT ON BLACK BLACK T-DIGIT ON WHITE
*Caution: Magenta on black can vibrate in small applications, especially in digital, so please ensure it’s large enough for clear readability.
Spacing,
and Sizing
NOTICE SYMBOLS
Use trademark notice symbols (™ or ®) only
when our trademarks and logos are used on CLEAR SPACE
devices, accessories, packaging for devices The margins surrounding our T-Mobile lockup and T-Digit should be equal to at least 2 square digits. Avoid placing text or graphics within this space.
and accessories, and within apps (such as if
a trademark is used in the “splash” screen).
Trademark notice symbols are NOT required
on our trademarks and logos in any other media.
This guidance only applies to our trademarks.
When using other companies’ trademarks,
follow their brand guidelines.
Use this legal disclaimer in print advertising and
in the footer to our websites (near the copyright 2x digit width
notice). You don’t have to use these disclaimers
in any other media.
Accessibility
When using the T-Mobile brand marks, be
mindful of color contrast for the best viewability
in print and digital applications. The logo
examples shown to the right meet level AA
criteria for contrast based on the Web Content
WHITE ICON ON MAGENTA WHITE ICON ON BLACK MAGENTA ICON ON WHITE MAGENTA ICON ON BLACK BLACK ICON ON WHITE
Accessibility Guidelines (WCAG) version AA PASS AA PASS AA PASS AA PASS
AA PASS
2.0. This guidance applies to all brand marks
outlined in this document.
Please utilize color contrast checking tools
to ensure the color combinations between NON T-MOBILE BACKGROUNDS
the brand marks and backgrounds pass for
accessibility.
For logo placement in non T-Mobile executions,
please get approval from the Brand team.
COLOR BURNING
Although the color contrast may pass for
accessibility, be mindful of colors that burn
or vibrate when paired with Magenta like the
examples shown on this page. AA FAIL AA FAIL AA PASS AA FAIL AA FAIL AA PASS AA FAIL AA FAIL AA PASS
Logo Usage on
Backgrounds
The brand marks work best when used over clean
and non-cluttered backgrounds with the brand
colors Magenta, Black and White.
Select imagery that offer clear or blank space to position the brand marks. Be Add Black overlays or White overlays over busy imagery to help create a clear
mindful to use the appropriate logo colorway to reinforce brand presence. and blank space to position the brand mark.
T-Mobile
Logo Don’ts eams
Don’t use the old and outdated Don’t use alternate color Don’t rearrange or adjust the Don’t replace letters and create
versions of the brand marks combinations spacing of the brand marks words with the brand marks
Don’t change the notice Don’t distort, stretch or Don’t tilt or angle the marks in Don’t add a pipe or create
symbol size or position manipulate the angles diagonal orientations unapproved logo lockups
Don’t add strokes, outlines, Don’t alter the transparency Don’t resize, alter, or omit any Don’t place the marks over
or drop shadows or opacity of color elements of the brand marks busy, patterned backgrounds
Logo Lockups
Overview
T-Mobile is our master brand. To show affiliation
to the master brand, T-Mobile branded lines
of business, products, services, programs and
campaigns can be locked up with the T-Digit icon.
For partnerships, a pipe acts as a separation
device between the T-Mobile brand and external
entities. Partnership logo lockups will include the
LINE OF BUSINESS PRODUCT SERVICE PROGRAM
T-Mobile logo or T-Digit and a ‘pipe’ between the
T-Mobile brand and the external partner logo.
We only create official logos/lockups for
the specific categories listed here. For more logo
guidance, T-Mobile employees and vendors can
access the T-Mobile Brand Portal.
CAMPAIGN PARTNERSHIP
We Love
Magenta
Our brand color, Magenta, is bold, spontaneous,
and fun. You don’t see it every day. But, when
you do, it means something. Energy. Excitement.
Possibility. Magenta immediately says “T-Mobile.”
It’s a registered trademark. It’s ours. Use it.
TOP RULES
• Always make Magenta the hero.
• Place non-Magenta elements in close
proximity to Magenta.
• Use black and white for balance. They help to
make the Magenta pop.
• Use tertiary colors sparingly—and primarily in
owned environments.
Color Palette
PRIMARY
MAGENTA is the backbone of our visual
identity, providing consistency throughout
all brand communications.
SECONDARY Black
Black & White support and balance Pantone Process Black
Magenta without distracting or detracting C60, M60, Y40, K100
from its vibrancy. R0, G0, B0
HEX #000000
TERTIARY
Use sparingly for accents and shading only.
Never in a large swath of color. Primarily used
in owned environments.
COLOR PROFILES
To ensure T-Mobile brand colors stay consistent, it
is important your workspace color profile settings
are always the same. Please work, save, and
export your files in this color space:
Magenta
Pantone Process Magenta
C0, M100, Y0, K0
RGB: sRGB EC61966−2.1
R226, G0, B116
HEX #E20074
CMYK: Coated GRACoL 2013 (ISO 12647−2:2004)
GRADIENT TYPES
Gradient
Backgrounds
Gradients are great way to add depth and focus
to a design while helping to create the illusion
of space in a flat 2D environment. Compared
to solid and flat colors, gradients provide
dimensionality and a natural transition between
light and shadow. Use the lightest point of the
gradient to define the positioning of your light
source.
RADIAL
COLOR DISTRIBUTION
Be sure to follow an 80/20 color split distribution
in all gradient applications ensuring Magenta has
80% coverage and is the hero color within the
composition.
Only use approved branded gradients in your
creative. T-Mobile employees and vendors can
access the gradients shown on this page on the
T-Mobile Brand Portal.
LINEAR FREEFORM
Mnemonic
The T-Mobile Mnemonic is our audio brand
signature. Our primary, hero Mnemonic is in the
key of C and should be used in all creative that
does not include music or other audio tones.
For creative that includes music or other audio
tones, 11 supplemental mnemonics in different
keys are available to harmoniously transition to
the Mnemonic.
The Mnemonic has a duration of 2.5 seconds and
a tempo of 108 bpm.
The mnemonic files are available for download
on the T-Mobile Brand Portal.
Now, we’ll pay off your phone up to $800 and get you on our best plan
yet—Go5G Plus. The first plan where new and existing customers always
get the same great device deals and are upgrade-ready in two years.
Up to $800 via virtual prepaid card for eligible phone payoff when you switch; card typically takes 15 days.
TeleNeo
TeleNeo has 12 different styles to provide a variety of weights and italics to meet creative needs.
It has 529 characters for optimal design flexibility.
TeleNeo 0123456789!?@©™#$%&()-+”/’
TELENEO REGULAR
0123456789!?@©™#$%&()-+”/’
TELENEO REGULAR ITALIC
Typeface ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
TeleNeo is to be used for all external 0123456789!?@©™#$%&()-+”/’ 0123456789!?@©™#$%&()-+”/’
communications.
TELENEO MEDIUM TELENEO MEDIUM ITALIC
The complete family of available TeleNeo fonts
is shown here for reference only. Note that TeleNeo ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
Italic fonts are not approved for use in creative abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
executions.
0123456789!?@©™#$%&()-+”/’ 0123456789!?@©™#$%&()-+”/’
We use TeleNeo Ultra for short, concise messages. In
addition, a minimum size of 14 pt must be ensured. TELENEO BOLD TELENEO BOLD ITALIC
For web, apps, and legal copy Arial or another ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
system font may be substituted. abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
BRUSH-STYLE STROKE ENDINGS: 0123456789!?@©™#$%&()-+”/’ 0123456789!?@©™#$%&()-+”/’
T-Mobile is a human-centered brand. These subtle
brush-style elements lend a friendly, human touch to TELENEO EXTRA BOLD TELENEO EXTRA BOLD ITALIC
the typeface. ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
VERTICAL & HORIZONTAL TERMINALS: abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
All stroke terminals are perfectly vertical or 0123456789!?@©™#$%&()-+”/’ 0123456789!?@©™#$%&()-+”/’
horizontal, conveying a sense of technical precision.
TELENEO ULTRA TELENEO ULTRA ITALIC
CLEAR NUMERALS:
All numerals are designed to be perfectly clear and ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
legible, reflecting and reinforcing our use of clear abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
and credible facts and numbers.
0123456789!?@©™#$%&()-+”/’ 0123456789!?@©™#$%&()-+”/’
TeleNeo Ultra
TeleNeo Ultra is our newest font style, used for short,
concise messaging. It’s considered special use due
to its heavy weight and readability issues in certain
layout and type size. TeleNeo Extra Bold remains the
preferred font weight for headlines and powerlines.
EMPHASIS IN CREATIVE
TeleNeo Ultra should only be considered for short
statements or bold single words. It can be combined
with other core TeleNeo type styles for emphasis
Use TeleNeo Ultra for short, concise messages. Do not apply TeleNeo Ultra to multiple lines of copy because the copy
when communicating key messaging.
block is too bold, dominates the layout, and appears to be yelling in an
SCALE & READABILITY unapproachable way.
When using TeleNeo Ultra in your layout, pay close
attention to scale for visual balance and kerning of the
type for readability.
Scale: The heavy weight of the type style becomes an
accessibility issue at a smaller scale as it’s harder to TA K E
STATUS
read and decipher the letterforms and words. Larger
formats like big digital screens are good use cases for
this type style versus smaller sized executions.
Kerning: Most often, hand kerning between individual
letters will be needed for adequate spacing to FOR A SPIN
decipher the letter forms.
Minimum Size: To maintain readability across various
mediums and viewing conditions, always ensure that
TeleNeo Ultra can be used on single words for emphasis in layouts or logos. Do not use TeleNeo Ultra without hand kerning the type to ensure adequate
text set in TeleNeo Ultra is no smaller than 14 points.
spacing so the letters don’t run together making it hard to read.
This minimum size helps guarantee that the text
remains clear and legible.
TeleNeo Open
UPPER & LOWERCASE STYLISTIC SETS PROPORTIONAL NUMBERS
Type Features
TeleNeo supports OpenType features to
(a-z) (A-Z) 01 234
56 7 89
manage the typeface. It’s designed to scale
both in numbers and case sensitivity.
Specific treatments are prescribed for
commonly used characters, including
dollar ($) and percent (%) signs.
Price points and offer lines should use the Hyphens, brackets, and other punctuation automatically aligns with the center The numbers have a different character width and are arranged optically.
TeleNeo Extra Bold and TeleNeo Bold typefaces axis of the capital letters when using ALL CAPS.
for creative executions.
FORMULA
KERNING
In general, kerning should be set to “Optical”
for most static headlines. TeleNeo is designed
to be user-friendly and easy on the eyes, with PERCENTAGE
REFERENCE
consistent kerning for maximum legibility.
THE LEADER
Maintain just enough space between the letters
to avoid the appearance of crowding.
BASELINE
IN 5G
85% of
font size
CAP LINE
Accessible White TeleNeo Bold on Magenta, 18pts White TeleNeo Extra Bold on Magenta
Text Colors
All examples shown on the right pass the AA
level contrast standards for digital executions
Black TeleNeo Bold on Magenta, 18pts Black TeleNeo Extra Bold on Magenta
with a minimum font size of 18 points.
When using text smaller than 14 points (typically
18.66 pixels), Black is the only color that provides
the highest contrast over a White background. White TeleNeo Bold on Black, 18pts White TeleNeo Extra Bold on Black
Magenta TeleNeo Bold on Black, 18pts Magenta TeleNeo Extra Bold on Black
Magenta TeleNeo Bold on White, 18pts Magenta TeleNeo Extra Bold on White
Black TeleNeo Bold on White, 18pts* Black TeleNeo Extra Bold on White
*Note: When using text smaller than 14 points (typically 18.66 pixels), Black is the only color that provides the highest contrast over a White background.
Neon Text
Do’s and Don’ts
Our neon glow text treatment should be used to
draw attention to select messaging.
The neon glow should be applied only to select words for special emphasis. Do not make the glow so strong that the message becomes hard to read.
When using previously designed lockups for common phrases (like 5G Do not put the entire message in neon.
Network), other type should be sized both in relation to the lockup and with
messaging hierarchy or emphasis in mind.
Gradient Text
Do’s and Don’ts
Gradients should be used selectively and with
purpose—generally to distinguish a unique, high-
profile product or service.
A gradient type treatment is used to add
emphasis and signify the importance of a
word or phrase. It creates more dimensionality
by energizing and elevating the design in an
otherwise flat environment. It should make an Gradient treatments should be rendered in magenta or white. Do not render the gradient in any other color other than magenta or white.
impact without being visually overwhelming.
For designs that have multiple lines, you may extend the gradient from the Do not render the lighter font weights with a gradient.
top to bottom of the entire text block.
Typography ALL CAPS, HEAVIER WEIGHT FONT SENTENCE CASE, HEAVIER WEIGHT
Do’s
Choose the type style, size, weighting and
capitalization style that is most appropriate
for the medium and the message.
TOP RULES
• Be consistent with typeface and weight
• Maintain a clear hierarchy
Great for grabbing attention as a short headline or to highlight short phrases. Communicates clearly and with confidence. Ideal for longer headlines
• Type treatments should reflect or use within web applications.
our conversational, approachable
brand personality
SENTENCE CASE, MIDDLE TO LIGHTER WEIGHT GIVE SUFFICIENT CONTRAST BETWEEN THE IMAGE & TEXT
Good for narrative creative with a personal tone. Sounds conversational and Type can be overlaid on imagery when there’s sufficient contrast.
not shouting at the audience. Center-aligned type may work best for certain compositions.
Typography
Don’ts
Don’t lose focus on the part of the Don’t use too many styles, weights, Don’t use light weights for important Do not mix extreme tracking styles.
message you should be highlighting. sizes, and colors (a.k.a. type-soup). messaging. Most headlines require a
heavier weight.
Don’t forget to maintain hierarchy between sections of type. Ex: if your body
copy is the same size as the headline, it should not also be the same weight.
Don’t run copy over faces or too much Don’t lose contrast between type and
of the subject. an image.
Don’t use Italics as a design treatment. Italics are often more difficult to read.
HUMAN We’re a company with a BEATING HEART, we talk to people Emotional Sappy
like people and humanize the brand to earn a place in our Active Disingenuous
customers’ hearts. Approachable Cheesy
OPTIMISTIC The brand has a sense of vibrancy and movement. We believe Positive Out of touch
the future will be better than the past because our brand, our Energetic Frenzied
people and our network are CATALYSTS FOR GOOD. Fun Fun!!!!
ENERGETIC We want our language to be concise and ENGAGING because Clever Slang
tech doesn’t need to sound complex and boring. We look for Intelligent Arrogant
ways to infuse our communications with energy and wit. Straightforward Chatty
DISRUPTIVE We’re disruptive with a purpose. We challenge the status quo Fearless Argumentative
and speak our truth. We put people first and change the rules in Irreverent Disrespectful
their favor. We are as BOLD in our voice as we are in our actions. Assertive Aggressive
Grammar Do not use abbreviations unless you absolutely Always use title case for Unlimited & Un-carrier
must, due to space constraints. unless it is in all caps
Typically, we stick to first- or second-person Use an em dash (—) to set off an explanatory
perspective. On occasion, we’ll use third person. or amplifying statement, as in
“Online exclusive—limited time only!”
• Talking about T-Mobile? Use first or
third person. • Do not use a hyphen (-) or an en dash (–)
in place of an em dash
• Talking to the customer? Use second person.
• Do not add spacing on either side of the
• Avoid gender-specific pronouns (he or she) em dash
—instead use plural for gender inclusivity
(they or them).
It is okay to use ampersands for design purposes
when space is very limited (as in a headline).
Use personal (you) and possessive (you, yours)
whenever possible to engage visitors. Use exclamation points sparingly.
CTAs should be in sentence case and use an Do not use parentheses. If tempted, try using
engaging, conversational tone. commas instead.
Photography
We embrace a customer-centric approach to imagery –
both still and motion. Let’s capture people’s true selves
and their true lifestyle in moments of connection.
Elevated mobile documentary style in motion, short
vibrant sequences of human moments worth sharing.
Authentic and in-the-moment photography (never
staged or forced), captured through the lens of our
customers’ phones (incl. phone moments), shot from
both a directors’ and talent POV.
Allowing for camera awareness when possible but also
interactions with the camera as if your friend/family is
taking the photo (not necessarily looking at camera all
the time).
Real people, friends & families sharing real emotions,
energy and optimism. Authentic human connections
with real people and their communities.
Local landscapes and locations as backdrops for
layering action.
For more details on photography, T-Mobile employees
and vendors can access the T-Mobile Brand Portal.
relatable exclusive
diverse idealized
customer-centric device-centric
Neon
Magenta neon makes the invisible visible.
The treatment was created to be instantly
recognizable and to visually bring to life
T-Mobile’s dynamic, ever-expanding network,
connecting person to person, place to place.
In static, the treatment adds dimensionality and
drama. Add motion, and magenta neon becomes
an experience. As it moves, it traces our world,
following the contours of the landscape,
buildings, and roads.
Apply neon outlines to devices to indicate our network. Magenta neon outlines may be applied to roads (except when representing
T-Mobile Home Internet) as well as to other structural and landscape imagery.
Neon Don’ts
Please avoid every single house in a busy environment, this looks cluttered. Do not create a magenta arc that resembles a rainbow.
Do not apply a magenta-in-motion effect to environments where it appears Do not direct neon beams vertically or up into the skies.
unnatural. Do not show too much black & white as this could be interpreted as
poor network coverage. Do not place a neon outline on a busy horizon.
T-Connector
Do’s THE LEADER
The T-Digit can function as a visual bridge
between two distinct, but related images. Or,
it can connect a single image with branding or
IN 5G
messaging in internal communications.
TOP RULES
• The T-Connector can be used to connect two Fastest: According to Open signal Awards based on average speeds (USA: 5G User Experience Report April 2021). Most Reliable: According to independent
third party umlaut from crowd sourced user experience data (Sept 2020 to Feb 2021). See 5G device, coverage, & access details at T-Mobile.com.
CONNECTING
• Please omit the ® symbol from the T-Digit in
T-Connector executions.
• The T-Digit should be white or magenta in
T-Connector layouts. CHIEFS KINGDOM
THE LEADER IN 5G
Fastest: According to Open signal Awards based on average speeds (USA: 5G User Experience Report April 2021). Most Reliable: According to independent
third party umlaut from crowd sourced user experience data (Sept 2020 to Feb 2021). See 5G device, coverage, & access details at T-Mobile.com.
Make sure the T-Digit completely covers the adjoining edges of each photo or background.
T-Connector
Don’ts OUR BEST THE LEADER
NETWORK IN 5G
YET.
Fastest: According to Open signal Awards based on average speeds (USA: 5G User Experience Report April 2021). Most Reliable: According to independent third Fastest: According to Open signal Awards based on average speeds (USA: 5G User Experience Report April 2021). Most Reliable: According to independent third party umlaut
party umlaut from crowds sourced user experience data (Sept 2020 to Feb 2021). See 5G device, coverage, & access details at T-Mobile.com. from crowd sourced user experience data (Sept 2020 to Feb 2021). See 5G device, coverage, & access details at T-Mobile.com.
Don’t crop or make the T-Digit bigger than the image height. Always stick to one T-Digit.
Fastest: According to Open signal Awards based on average speeds (USA: 5G User Experience Report April 2021). Most Reliable: According to independent third party umlaut from crowds Fastest: According to Open signal Awards based on average speeds (USA: 5G User Experience Report April 2021). Most Reliable: According to independent third party umlaut
sourced user experience data (Sept 2020 to Feb 2021). See 5G device, coverage, & access details at T-Mobile.com. from crowd sourced user experience data (Sept 2020 to Feb 2021). See 5G device, coverage, & access details at T-Mobile.com.
Don’t use any color other than Magenta or white for the T-Digit. Don’t pair images that feel random and unrelated.
TELENEO FONT
For licensing reasons, only employees of T-Mobile USA and Deutsche Telekom will
automatically have the font loaded to their computer. Please do not send TeleNeo
to third parties. External and agency partners can obtain the font at no charge but
need approval to do so. How to Register for TeleNeo
WORKFRONT
https://tmobileusa.sharepoint.com/sites/MarketingandCommunicationsOperations/SitePages/Workfront.aspx