Professional Documents
Culture Documents
TP-Link - Brand Guidelines
TP-Link - Brand Guidelines
Brand Guidelines
TP-Link Guidelines 2
Positioning Personality
The circle
The arrow
Primary
The ideal use of the positive logo is on white, for a clean look.
Clearspace &
Minimum Size
It’s vital to preserve the integrity of the TP-Link logo across Clearspace
all uses.
Minimum clearspace
Minimum size
Logo Matrix
There is a logo with a registered mark and one without a TP-Link horizontal logo with a registered mark TP-Link symbol ONLY
registered mark.
The use of the symbol on its own is only permitted for use on
the TP-Link company site and/or App icon.
Registered and unregistered logo usage
EXAMPLE
If the logo appears only once, use the variation of the logo
with the registered mark.
If the logo will appear more than once, use the logo with the
registered mark in one location, all other appearances of the
logo should be the variation without the registered mark. X
Packaging logo usage The use of the TP-Link vertical logo on its own is permitted
X
only on product hardware.
With regard to packaging, the logo with the registered mark
must appear on the backside of the package. The logo TP-Link horizontal logo without a registered mark
without the registered mark should be used on all other sides
of the packaging.
X
X X X
TP-Link
When writing “TP-Link” in communication body copy, please
use uppercase and lowercase letters. The only exception is
website addresses, where lower case is used exclusively.
In body copy
Misuse
Do not use colors outside the TP-Link Teal, black or white. Do not lock up text to the logo or create logo lockups. Do not use logo in text and/or as a read-through. Do not add drop shadows to the logo. Do not put logo in a holding shape. Always ensure proper legibility.
Do not rotate or crop the logo without brand Do not distort or alter logo artwork in any way. Do not outline or use logo in outline form. Do not add graphics to the logo. Do not create a pattern with the logo. Do not reproduce logo using the TP-Link palette tints.
team approval.
LOGO TP-Link Guidelines 24 LOGO TP-Link Guidelines 25
Tagline
Do not distort or alter logo artwork in any way. Do not put tagline in a holding shape. Always ensure proper legibility.
Do not add graphics to the tagline. Do not use colors outside the TP-Link Teal, black or white. Do not reproduce the tagline using the TP-Link
palette gradient.
LOGO TP-Link Guidelines 26 LOGO TP-Link Guidelines 27
Lockup Guide
Partnership Lockup
Clearspace
2.5px
171px
TP-Link Guidelines 30 TYPOGRAPHY TP-Link Guidelines 31
System
SO YOU CAN FOCUS ON
WHAT MATTERS MOST.
WE HELP KEEP
Arial Italic
Brand Colors
TP-Link Teal
Pantone 2227 C / U
CMYK 63 / 0 / 23 / 0
RGB 74 / 203 / 214
HEX #4ACBD6
Our primary palette consists of just two colors: TP-Link Teal Accent colors
and TP-Link Yellow. Teal is dominant; yellow is complementary.
These colors must be used only on
Teal conveys calm, ease and simplicity. Yellow conveys white backgrounds:
progress, achievement and energy.
If there are only two colors, the second color must be TP-Link
Yellow. If there are three or more colors, accent colors from the
below palette may be used.
The general color relationship between Teal and Yellow within TP-Link Yellow TP-Link Navy Blue TP-Link Maroon TP-Link Dark Green
any single composition should not exceed the following ratio: Pantone 1225 C / 114U Pantone 2735 C / Pantone 675 C / 227 U Pantone 3165 C / 3155 U
CMYK 0 / 22 / 100 / 0 Reflex Blue U CMYK 35 / 100 / 35 / 0 CMYK 100 / 0 / 22 / 64
RGB 255 / 203 / 0 CMYK 100 / 100 / 0 / 0 RGB 193 / 28 / 102 RGB 0 / 85 / 100
85% HEX #FFCB00 RGB 37 / 13 / 113 HEX #C11C66 HEX #005564
HEX #250D71
15%
Overview
Our three categories of graphic elements are framing, arrow Framing Arrow flurry Repeat patterns
flurry, and repeat patterns. These elements may be used to
brand objects or promotional communications.
LOREM
IPSUM
DOLOR
SIT AMET
GRAPHIC ELEMENTS TP-Link Guidelines 44 GRAPHIC ELEMENTS TP-Link Guidelines 45
Framing, with the arrow shape derived from the logo, accents and STEP 01 Size of the arrow
sets apart text blocks and images. This specific arrow is the only
shape that should be used. It must always be TP-Link Yellow.
X A The arrow device should be sized equal to the vertical
height of the message copy font size. Please always use
an uppercase letter when establishing this measurement.
Typography
dolor
lorem
STEP 03 Placement of arrows
Framing, with the arrow shape derived from the logo, accents and STEP 01 Size of the arrow
X
sets apart text blocks and images. This specific arrow is the only
shape that should be used. It must always be TP-Link Yellow. Draw a rectangle around your product image. After creating this
X rectangle, divide the smallest side in half, draw the arrow motif to
2X fill the height of the divided section.
Product
Now that the size has been determined, move the arrow to the
corner of the drawn rectangle, creating clearspace between the
arrow and the product.
0.7 X
0.7 X
GRAPHIC ELEMENTS TP-Link Guidelines 48 GRAPHIC ELEMENTS TP-Link Guidelines 49
Now that the size has been determined, move the arrow to the
corner of the drawn rectengle, and repeat the arrow once to
create clearspace between the arrow and the product.
Framing - Framing -
Color Color Usage
Loren
Ipsum
EXAMPLE: WEB BANNER When overlaying one color on top of the teal color, the overlay EXAMPLE: MAGAZINE SPREAD When using one color to accompany the teal color but
color must be the tier colors. not on top of it, the accompanying color must be one single tier color.
Loren
Ipsum
DO NOT: WEB BANNER When overlaying one color on top of the teal color, the overlay DO NOT: MAGAZINE SPREAD When using one color to accompany the teal color but not on
color must not be any other accent color. top of it, the accompanying color must not be any other accent color.
GRAPHIC ELEMENTS TP-Link Guidelines 52 GRAPHIC ELEMENTS TP-Link Guidelines 53
Arrow Flurry
80%
TP-Link Teal
60%
TP-Link Teal
36% 36%
TP-Link Teal TP-Link Teal
GRAPHIC ELEMENTS TP-Link Guidelines 54 TP-Link Guidelines 55
Arrow Flurry -
Color
55%
TP-Link Teal tint
50%
TP-Link Teal tint
Large
Small
Large
90%
TP-Link Teal tint
Small
GRAPHIC ELEMENTS TP-Link Guidelines 58 GRAPHIC ELEMENTS TP-Link Guidelines 59
There are two ways to use the repeat pattern. You can Option 1 Step 2. Apply gradient values below:
download the pattern file, or you can make the pattern yourself.
Step 1. Download the pattern file HERE.
Slider 1
Step 2. Open the file and use the pattern from the swatches panel. Opacity: 55%
Location: 0 %
Slider 2
Opacity: 90%
Location: 33%
Slider 3
Opacity: 50%
Location: 66%
Slider 4
Opacity: 90%
Location: 100%
Option 2
Step 3. Select gradient tool and apply the gradient onto the shape by dragging
from top to bottom. Then, flatten the pattern (Object > Flatten Transparency).
Lastly, place TP-Link Teal behind the pattern.
GRAPHIC ELEMENTS TP-Link Guidelines 60 TP-Link Guidelines 61
Example
TP-Link Guidelines 66 ICONS TP-Link Guidelines 67
The following icon examples are entirely suggestive and Principle #1 Principle #2 Principle #3
intended to demonstrate a visual style for product claims,
benefits, and features. They do not depict anything specific
but are intended to communicate technology-related subjects.
Icons should be produced in one single color. Use the There should be enough negative space with the Icons should be drawn as a simple iconic
brand color palette for these colors. Do not add any positive space. representation. Do not use unnecessary detail.
drop shadows or effects.
Do not let the icon become too narrow Whenever possible, all icons should use a mixture Icons can use the TP-Link arrow whenever the form
on the horizontal dimension. of curved and hard edges on all shapes. of the composition allows. This a pplication is not
mandatory o n all icons or illustrations.
Exception: This principle is not necessary
if a shape does not require any straight lines,
such as this icon.
ICONS TP-Link Guidelines 70 ICONS TP-Link Guidelines 71
Misuse Colors
Like all elements in our visual system, our iconography must All TP-Link colors can be used for icons on a white
be used consistently in order to ensure a clear connection to background, a reverse white icon can also be used on
our brand positioning and personality. You can help ensure TP-Link brand colors, and colored icons can be used
consistency by familiarizing yourself with what to avoid when on the solid colors outlined below.
using iconography.
Do not create an outline version. Do not use more than one color. Do not add too much detail to the icon - it should be
simplified and representational.
Do not use a drop shadow effect. Do not use color gradient effects inside the icon. Do not always use at least one rounded edge on any
single shape.
TP-Link Guidelines 72 PACKAGING INFOGRAPHICS TP-Link Guidelines 73
Overview
Other colors
ROUTER
4k
PACKAGING INFOGRAPHICS TP-Link Guidelines 76 PACKAGING INFOGRAPHICS TP-Link Guidelines 77
Infographics
on TP-Link Teal
Tier A
TL-WPA863 0 P TP-Link
Yellow
70% opacity
Tier B
TL-WPA863 0 P TP-Link
Navy Blue
70% opacity
INTERNET
TP-Link White
4k Cyan Blue
40% opacity
ROUTER
Tier C
TL-WPA863 0 P TP-Link
Dark Green
70% opacity
INTERNET
TP-Link White
Cyan Blue
4k
ROUTER
40% opacity
PACKAGING INFOGRAPHICS TP-Link Guidelines 78 PACKAGING INFOGRAPHICS TP-Link Guidelines 79
Infographics
on the Tier Colors
Fast and Reliable Wi-Fi for Everyone Internet from any Power Outlet
The Archer C8 turns all your smart home dreams into reality.
Its strong, stable 2.4GHz band delivers wireless speeds of up to 450Mbps, making it ideal for supporting smart home The AV1000 Powerline Adapter Starter Kit brings Internet to wherever there is a
devices, like network cameras and smart switches, as well as standard online tasks, such as checking email, browsing
power outlet using your home’s electrical wiring.
social media, and listening to music.
The 5GHz band achieves wireless speeds of up to 1300Mbps to support even the most demanding entertainment
applications, allowing you to stream HD video, play online games, and video chat at the same time without lag or 2.4GHz 300Mbps xxxMbps Powerline
dropped connections.
5GHz 433Mbps Ethernet
2.4GHz 450Mbps
5GHz 1300Mbps
TL-WPA863 0 P
4k
INTERNET
ROUTER
The enhanced 800MHz dual-core CPU acts as a power source for the router, make sure all the network applications running
perfectly even in a crowed home network.
PACKAGING INFOGRAPHICS TP-Link Guidelines 80 INFOGRAPHICS
PACKAGING INFOGRAPHICS TP-Link Guidelines 81
Infographics
for Range Extender
2.4GHz 450Mbps
5GHz 1300Mbps 4k
4k
2.4GHz Wi-Fi
4k
Existing Wi-Fi Coverage
Infographics
for Website
The shape of the outline of the house should stay the shame
with houses used on packagings, but you could choose color
from our brand color to use. such as the color of the right is
50% TP-Link Light Gray.
Overview
Lifestyle
Product
Angle
Overview www.tp-link.com
Favicon
The below favicon has a 4px margin on every side from the
edge of the bounding box.
TP-Link Guidelines 96 APPENDIX TP-Link Guidelines 97
TPLINK_Name_ST_Black_CMYK.eps
1 2 3 4 5 6
TP-Link Version Size Color Color type File format
www.tp-link.com
TP-Link Guidelines 100
www.tp-link.com