Professional Documents
Culture Documents
Brand
identity
Our design
language
The Wipro identity is born from our brand idea of Connected Insights
and pays homage to our heritage. All our graphic elements and the
overall graphic language is a reflection of this.
Akkurat Mono
Akkurat
Arial
Di
This is worked out by dividing the
ag
o
diagonal length of the page by 9,
na
l le
and rounding to the nearest
ng
th
whole number.
=
X
Minimum size
A minimum size of the brand
mark has been defined to ensure Primary brand mark minimum size.
Print: 25mm
high-quality reproduction on- Screen: 60px
screen and in print. The brand
marks are measured across the
overall width.
Primary brand mark brand mark width
In print: 25mm
29mm
On screen: 60px
34mm
40mm
57mm
A2 81mm
Brand mark
clear space
To ensure maximum standout,
clarity and legibility for the Wipro
brand marks an area of clear space
has been defined that should
remain free of any elements such
as text, graphics or imagery.
The minimum clear space for all
brand mark versions is defined by
the height (100%) of the letter ‘o’.
However, where possible this
clear space should be increased.
Co-branding is a marketing
partnership between at least
two brands. It can encompass x 2
/3 X
several different types of branding
partnerships; joint ventures,
sponsorships and charity events
Example 1. Wipro lead brand.
are some examples. (co-branding logo and vertical divider line
is 2/3 x-height of Wipro logo).
This page shows how to create
lock-ups with the Wipro brand.
The lock-up comprises the partner
brand mark, a separator line, the
Wipro brand mark and an optional x
designation line.
When Wipro is the lead, the Wipro
brand mark should be used first.
Example 2. LTA lead brand.
Overall, a visual balance between (co-branding logo is >3/4 x-height of Wipro logo, the
vertical divider line is 3/4 x-height of co-branding logo).
the brand marks should be
achieved.
OFFICIAL PARTNER
Connected Insights
Never distort the brand mark. The brand mark should Nothing should be added or The direction of the Never apply any effects to
Always scale in proportion never be placed in a holding locked-up with the brand mark. gradient should never be the brand mark such
shape. changed. as glows or drop
shadows.
Do not place the Do not place the Don’t change any Never create outlines Never change the relative Never use the
brand mark on a 100% brand mark on a dark proportions between as shown in the positions of the elements. discs as shown.
tint of the primary blue background. elements. example.
colors.
Color
Color
overview
Ruby Red
We are a multicolored brand with Pantone Red 032 C
blue being our key color. CMYK C 0/86/71/0 Sky Blue
CMYK N 0/90/63/0 Pantone 2925 C
Our color palette is made up of five
Sunny Yellow RGB 239/51/65 CMYK C 81/13/0/0
colors. They make us stand out and
Pantone 128 HEX (HTML) ef3341 CMYK N 85/13/0/0
play a critical part in what makes
CMYK C 0/13/87/0 RGB 0/162/224
us look and feel different.
CMYK N 0/13/87/0 HEX (HTML) 00a2e0
White and Light Gray are usually RGB 255/218/41
used for backgrounds. HEX (HTML) ffda29
Dark Gray is usually used
for body text. Note:
Apple Green C = COATED STOCK
The Wipro brand should N = NEWSPRINT STOCK
Pantone 360 C
always be reproduced CMYK C 59/0/96/0
on coated paper stock. CMYK N 59/0/96/0
RGB 109/194/75
HEX (HTML) 6dc24b White Light Gray Dark Gray
Pantone – Pantone – Pantone –
CMYK C 0/0/0/0 CMYK C 0/0/0/7 CMYK C 0/0/0/80
CMYK N 0/0/0/0 CMYK N 0/0/0/7 CMYK N 0/0/0/80
RGB 255/255/255 RGB 242/242/242 RGB 100/99/99
HEX (HTML) ffffff HEX (HTML) f2f2f2 HEX (HTML) 646363
Navy Blue*
Pantone*† 288 C
CMYK C 100/78/6/32
CMYK N 100/66/6/32
*Please be aware that there is an additional blue (not shown) Note to designers and artworkers:
RGB 14/53/112 used as part of the brand mark. The brand mark color should All artwork for print has been created using the COATED FOGRA39 color settings, all artwork for screen
never be changed. has been created using the sRGB IEC61966-2.1 color settings within the Adobe® Creative Suite®.
HEX (HTML) 0e3570 *†Pantone® is a registered trademark of Pantone, Inc. For correct color reproduction always use these profiles.
Support
colors
Our support colors are derived
from our primary colors. They
complement our primary palette Navy Blue Apple Green Sunny Yellow Ruby Red Sky Blue
and add further flexibility. 100% tint 100% tint 100% tint 100% tint 100% tint
These colors are also used
to highlight and differentiate
information within charts and
graphs and are used as part of our 80% tint 80% tint 80% tint 80% tint 80% tint
infographics.
We use a selection of tints ranging
between 80% and 20% opacity. 60% tint 60% tint 60% tint 60% tint 60% tint
For digital applications and
backgrounds we use very subtle
40% tint 40% tint 40% tint 40% tint 40% tint
tints of 10% and 5%. This gives
our brand more flexibility, without
changing the overall look and feel.
20% tint 20% tint 20% tint 20% tint 20% tint
Text on colors:
Gray text (80K) can be used on
tints ranging from 5% – 40%. 10% tint 10% tint 10% tint 10% tint 10% tint
White text can be used on tints
ranging from 100% – 60%.
5% tint 5% tint 5% tint 5% tint 5% tint
Typography
Typography
overview
Akkurat Mono
Akkurat Mono Display
typeface:
Akkurat Mono is our display font,
it is used for feature headings at
larger sizes, e.g. document title,
section dividers, article headings, Regular: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
environmental graphics, etc. 1234567890 !@£$%^&*()_+?><
It can also be used as part of
Akkurat
infographics.
Brand
It is only used in the font weight typeface:
Jane:
Hillorem ut rat labor sit es enimolo rrovite ndanienimi,
Akkurat Mono ventium cus, etum que quosapit aut ut ut pre simpore
Regular
quamus aliquas dolupidus. maiorro doles eveliquam que
Da nimini numquid ullaboris none poreptate laboriorio
dolum eos sequi blabore es volenec erumeturite
Wipro Automation
Akkurat
quiata sim qui optioratur, siti magnis sendae volorep ellupid
Akkurat Regular.
berciur re elendis doluptur quaturepudi net que di dollaut
sum recusant es sinvelesed ut autempos vellupta expel
Specialist based
maionsequid maximet derchit, molest exeribus, ut volecus
sedit, im voluptatiam, int. asint vent ea dolorerumquo
Regular
maio eturio eium ipienim ea
Dendiae sapelis ipsapit lacese ditas et ex
Style principles
exereped magnim ellam et
omnimagnam quia consed
ut autempelenit aut eturiasi Ad eos accus dissin
accae etur re occum re lame Poribus quodia eos si
sandae nihillatas repro eum andae od maximil maiorro
as acienimus quiate optas occuptaspid qui quate veror
Design it
remporum aborendus re, exerunt exerundipiet peliber
quiae ilicius num as di uptatem porerro repero cor
demquiae sunto consed min rem quid ulparumquis et es
culluptas delland igenimp. eatem exeri am, utatatus at.
For further examples please see Akkurat proposition, Harman International Industries
invited Designit to re-wire their thinking.
2 3
Headline
styling
Akkurat is a reliable text font with
great legibility. The font is designed Appearing
Long rule Short rule
to combine the qualities of classic from the right from the left from the left
our interconnectivity.
When used, it usually bleeds off the
layout/page edge as shown. (The
use of the Wipro disc is optional.) In Example of Akkurat Mono in use.
many instances the text ‘naturally’
bleeds off the left-hand side, but
bleeding off to the right is also Text, typeset in Akkurat Mono, Text, typeset in Akkurat,
acceptable. to illustrate the stylistic to illustrate the stylistic
opposites compared with Akkurat. opposites compared with Akkurat Mono.
Note: only use the underline rule with
Akkurat Mono (for feature headings). Akkurat (for all body text applications).
Akkurat Mono, never with Akkurat.
Typography
details
Size and weight Letter spacing Leading Tracking
• Limit type to no more than • Letter spacing (also known as
three sizes. tracking) is the space between Body Text 120% minimum 0
letters. Letter spacing and word (8-14pt)
• Use Akkurat Mono as a display
spacing are set by default to 0.
font, for feature headings.
In some cases, spacing may need Body text headline 120% minimum 0 to -15
• Body text headlines are styled to be adjusted. (8~36pt+)
using Akkurat Bold.
Justification
• Body text should be styled using Feature headline text 100% minimum 0 to -50
• Type should always be set flush
Akkurat Light, Regular and Bold (14~36pt+)
left, ragged right. Centered text
(and italics for emphasis). should be avoided. However, in
Case restrictive spaces such as tall
• Sentence case is our standard for narrow formats, centered text
all communications. can be useful.
Body text
Body text is typeset using Akkurat Wipro | BoundaryLess DataCenters
underline rule that bleeds off the undant ad quamus, culla qui
officto blam, eumquis volupta
qui non pliquam estem. Ut
eum qui resciate litatem fuga.
Agniendit, omnime cusdam
aut pliqui nus magnisquo
magnim et eatum non
necte explia pa doluptate
corerchil maximoleni
Boundaries
assererum. Occusame pro
voluptas quissinci officiendel
mo bla doluptas aris doloreh Magnatibus alitat vere cone
no more
page 3 . Alternatively, the rule can reste repudaes atestempore officid eliquiam volore ullaccae pedicatur modisse entiumquod quati nissit vel dendanimi, ut aditaeptatia in
ex et landellam sant maio autemquibus quidustio. quaturerum di volut as am ilibus sunt, nonsendi aditis 4 el illiquo et volest, que.
magnatur? Bus exerrorianis Uptio vellata soluptat vid eos facescid ma quaerumetur? Magnatibus alitat quis eum, conseri asperum
Discs are part of our graphic evelest orerorio blatusam dolupta quost, omniet ad es laborume volupie nduciliquo earchitium re cum expeditae.
fuga. Tem. Et verovit dis prest, se endis et laborem cum doles aut modicie ntiori Tur sinvendenti blaborporit
dem quibusam ipsam fuga. expedionet opta volorro odi culpa qui abor a voluptio cone landae sus atis core, te pores
10 11
Arial
For Microsoft® Office® applications, Headline
style:
such as PowerPoint® or Word®, and
other on-screen applications the
system font Arial is used in place of
Akkurat. Arial is a system font and Regular: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
installed on most PCs and Macs, 1234567890 !@£$%^&*()_+?><
which ensures all users can view
these fonts.
Arial
Arial is a highly legible on-screen Body text
style:
and retains a good legibility at
small sizes. Arial is the default font
that will be used when a system Regular: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
font is required. Arial can be used 1234567890 !@£$%^&*()_+?><
in Regular, Italic, Bold and Bold
Italic. Where possible the feature Italic: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
headings should use the underline
1234567890 !@£$%^&*()_+?><
styling.
Arial Bold is used for headings and Bold: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
subheadings and Arial Regular 1234567890 !@£$%^&*()_+?><
for body text. Arial should never Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
be used on materials designed italic:
1234567890 !@£$%^&*()_+?><
exclusively for print and are
used only in Microsoft Office
applications.
Typography
misuse
This page shows some examples This is Akkurat Regular Thistextiskernedat The line spacing on
of what should be avoided when with a shadow. negative100
laying out and styling text. this text is 200%.
They started
hey started
T hey started
T
fixing bicycles.
They developed the three-axis fixing bicycles. fixing bicycles.
controls. And changed the way
the world traveled They developed the three-axis controls.
when they came together. And changed the way the world traveled
They developed the three-axis
when they came together.
Who are they? Who are they?
controls. And changed the way the
world traveled when they came
together. Who are they?
Avoid styling long headlines using The example shows how to shorten and The example shows how to shorten
Akkurat Mono. We recommend two simplify the headline. The secondary and simplify the headline. The
to a maximum of four lines of text. text is also styled using Akkurat Mono secondary text is styled using
but without underline effect. Akkurat Regular.
Wipro
disc
Wipro disc
introduction
Our graphic device is the Wipro disc. The discs
are released from the Wipro brand mark and
are a manifestation of our brand purpose:
to amplify business impact for our clients
through our passionate pursuit of genuine
collaborations, integrated perspectives and
seamless experiences.
Wipro disc
overview
A Wipro disc can emphasize a single
person, thought or an individual
item. Multiple discs can reveal or
illustrate patterns that represent
insights, highlight data or illustrate
connections. In most instances
several discs show aspects of our
interconnected world.
For expediency, throughout the
majority of this brand book the Wipro
disc will be referred to as disc(s).
Principles to keep in mind
• All brand items should feature our
Wipro disc(s).
• The discs should be used
The Wipro disc. When applying our Wipro discs, structures, patterns, trends and insights can be revealed.
purposefully, not just decoratively.
• The disc(s) is only used together
with our primary black and white
photography (not on our secondary
color photography).
Wipro disc
in use
The Wipro disc is a key element of There are no specific size relations Wipro | BoundaryLess DataCenters
our identity. It is used large, medium between the brand mark and the Digital changes
everything
and small. Its size depends on the Wipro disc. This is to allow flexibility
type of application and the desired in application and ensure the disc
impact. Sometimes the discs are can respond to specific needs. A
BoundaryLess
used to draw attention (therefore visual balance of elements should DataCenters Jane:
we apply it at large sizes), in other be achieved. For example, a small (BLDC) Wipro Automation
the Wipro brand mark (therefore action. A medium sized disc is used with customers.
Today, it’s all about delivering experiences across channels
with quicker response and hyper-personalisation.
In some situations the disc is used large disc can be used to emphasize
to simply accentuate elements a document title or an individual Large Wipro disc to highlight Large Wipro disc to highlight Small Wipro disc to highlight
a document title. a person or theme. a call to action.
within a layout, similar to a bullet person, etc.
point or highlight. In content-rich applications, the
Care should be taken that the clear size and placement of the Wipro Wipro | BoundaryLess DataCenters
space of the brand mark is always discs should aid the reader but not
BoundaryLess
Magnatibus alitat vere cone Magnatibus alitat vere cone Rersper cidunte cepudae
DataCenters
asim faccatium et explitis ex ea commodo consequat. asim faccatium et explitis culpa qui abor a voluptio cone
dolentiusam que molupta
Duis aute irure dolor in
dolentiusam que molupta cus, qui qui dolupic itatior Digitalize
tinveliate delenduci tinveliate delenduci uptatur, officip idebiscil
reprehender it. modit am exceaquia pedisim and move ahead
reperum quam, to venim Reperum quam, to venim reratusdae quia el et pro
(BLDC)
dollesc iusapid eseces dollesc iusapid eseces blabo. Tecat volorrum natios
purposefully.
eruntium as di ratibus sitatem Giassed eturero eatemped el illiquo et volest, que.
quuntur, quo berum excere et mod endant ut quae essim magnimi, volupta tioreperum minvenimus int que eum qui resciate litatem fuga.
mosam explaborrum fugiam es ea que quod quiatium conseque corum faceperfero Agniendit, omnime cusdam
faccuptatia de nis atemquis oditatur, tem. Itaspis rest, Rersper cidunte cepudae aut pliqui nus magnisquo
et, everovita voluptati occatia volupta spitatquaspe que Dolecea sin explignam ut officid eliquiam volore
Small Wipro disc to illustrate Medium sized Wipro discs to anchor a quote and
interconnectivity. to emphasize a portrait image.
Wipro disc
and photography
This page illustrates examples of
how the Wipro disc can be used in
combination with photography.
Generally, an individual disc is used
to highlight a single person, object,
or singular thought or theme.
Multiple discs are used to illustrate
‘connected insights’.
For information on how to use the
Wipro disc without photography,
Using one disc to highlight Using one disc to highlight Using two discs of equal Using multiple discs at Multiple discs at same
see next page. an individual (no effect an individual (multiply size (no effect or multiply multiple sizes (no effect size (no effect applied).
applied). effect applied). effect applied). applied).
Note: only up to two discs can use
a multiply/overlay effect. Multiple
discs are always colored solid at an
opacity of 100%.
Multiply effects are only available
in professional design tools used Text Text Text Text
by agencies and design studios.
When creating designs in programs
such as Microsoft Office, use flat
colored discs (without applying any
effects). Call out
Text and disc (multiply Text and disc (no effect Text, large disc and Text and large disc and Discs used to highlight
effect applied). applied). multiple small discs (all multiple small discs (large call outs.
no effect applied). with multiply effect applied).
Wipro disc
within layouts
1 2 3
color page.
quibus rempore remporum aborendus.
dolecea sin explignam ut veniasitius prese recumque Magnatibus alitat vere cone Ut moditi dolorpor sinimoles dolo
1
magniss untiatium vendipicimi, vellabor
venis moles doluptia nit et natem. Sent que con corposs dendanimi, ut aditaeptatia in Aperiore sedita nos diae endio. Itae audanihillum lab inciassit esseque.
nossitas auditis non enimuscide prepedis
adi doleni volestium que undant ad quamus, culla el illiquo et volest, que. exereped magnim ellam et omnimagnam
laborume volupie nduciliquo assererum. Occusame pro rspelit acepelest, as qui officto blam, eumquis quia consed ut autempelenit aut eturiasi Security
accae etur re occum re lame sandae
cum doles aut modicie ntiori voluptas quissinci officiendel dolorepudit volorem debitinis volupta qui non pliquam nihillatas repro eum.
culpa qui abor a voluptio cone mo bla doluptas aris doloreh ellecto rporerum nem. Ped estem. Ut reste repudaes Aperiore sedita nos diae
entiumquod quati nissit vel que sam dollam, sin ent la Magnatibus alitat vere cone endio. Itae nossitas auditis
cus, qui qui dolupic itatior atestempore ex et landellam
1
omnimagnam quia consed
quis eum, conseri asperum iandit paritiis quam, sundi as el illiquo et volest, que.
modit am exceaquia pedisim exerrorianis voluptio ea ut autempelenit aut eturiasi
accae etur re occum re
reratusdae quia el et pro ipsam, occumentio earunt. eost quatest ercius. Dolora derum quae rerro mod lame sandae nihillatas
blabo. Tecat volorrum natios Ihitatur alibus. Mincia nimus. Reius rero duciataecus quiscidem. Untius exererf repro eum as acienimus ServiceNXT
quiate optas doluptate Aperiore sedita nos diae endio. Itae
di que nati idunt eaquam Agnatecte minihition erio. am qui aut velliquo berum eruntium as di ratibus sitatem
officto blam, eumquis volupta Agniendit, omnime cusdam necte explia pa doluptate Boundaries voluptas quissinci officiendel
repro eum as acienimus quiate optas
doluptate quibus rempore remporum
aborendus.
aut pliqui nus magnisquo corerchil maximoleni
Dolora derum quae rerro mod landae sus atis core, te pores alitam, con nos quos voloreh ut aditaeptatia in Agnatecte minihition erio. Magnatibus alitat vere cone prepedis exereped magnim ellam
et omnimagnam quia consed ut
solorem auditat iorrorem entotatem que prae quid
5
he disc can be used to amplify
T
quiscidem. Untius exererf el illiquo et volest, dendanimi, ut aditaeptatia in autempelenit aut eturiasi accae
explitiuntis quasitatet el quas ad ullest, sequis
2
etur re occum re lame sandae.
eruntium as di ratibus sitatem Giassed eturero eatemped el illiquo et volest, que.
quuntur, quo berum excere et mod endant ut quae essim magnimi, volupta tioreperum minvenimus int que eum qui resciate litatem fuga. 6 7
mosam explaborrum fugiam es ea que quod quiatium conseque corum faceperfero Agniendit, omnime cusdam
faccuptatia de nis atemquis oditatur, tem. Itaspis rest, Rersper cidunte cepudae aut pliqui nus magnisquo
Dolecea sin explignam ut
or highlight an image.
et, everovita voluptati occatia volupta spitatquaspe que officid eliquiam volore
tiberibus adia num quam vid utecuptae consequi as venis moles doluptia nit et autemquibus quidustio.
volorum abor suntius et explabo. Otas eratur aut adi doleni volestium que Uptio vellata soluptat vid eos
evelest orerorio blatusam dolupta quost, omniet ad es laborume volupie nduciliquo earchitium re cum expeditae.
fuga. Tem. Et verovit dis prest, se endis et laborem cum doles aut modicie ntiori Tur sinvendenti blaborporit
dem quibusam ipsam fuga. expedionet opta volorro odi culpa qui abor a voluptio cone landae sus atis core, te pores
Aciantiumet quis alibus mos beaquostiore volorer chitate cus, qui qui dolupic itatior solorem auditat iorrorem
uptatur, officip idebiscil
3
assunt maio moles quos aut volupita sitae as abo. Ita mod endant ut quae essim
dolor auta cus ad milictat versper iaestem evel ipitatias reratusdae quia el et pro es ea que quod quiatium
unt doloVoloreicient, sum aut etur rem es debis eius blabo. Tecat volorrum natios faccuptatia de nis atemquis
raero es esti rati dollam, aut omnienet aliquost amus di que nati idunt eaquam et, everovita voluptati occatia
or headlines.
omnim inullistius que cum dolore vere ius. veniasitius prese recumque tiberibus adia num quam
natem. Sent que con corposs
4
haruntisquid eturi dolorrum et To quia ipitassitas rerio volorum abor suntius et
venesequos net et esequatent ducimi, omnis sedicimus undant ad quamus, culla qui evelest orerorio blatusam
dolupit, asi sim quo blacepe molupta sperspienis. officto blam, eumquis fuga est team.
photography.
No fans too far No fans too
MPU (300x250px)
Graphic use
Dot pops into place, text slides in from across from left to right. Dot pop
MPU 01 MPU 02
ofNothe
fansWipro disc
Bringing millions
of fans closer to
No fans No fans too
Bringingfar
millions
of fans closer to
N
too far their favourite club. too far their favourite club.
Text reaches resting point. Text rea
B
No fans
are usually used to hold or anchor Find out more >
WiproBuzz
Nocloser
fans to their favourite club. c
What you need to know
too far
text. The examples here show how
the device can be applied with a
wipro.com about the new IBM
Dot Bluemix
in background continues to scale down. too far
Text pops into place, no animation required.
Dots in b
Text pops
t and
high degree of flexibility.
They lock into resting point and Text pops into place, at same time Text pops into place, at same time
The Wipro-IBM Alliance team is pleased to share the following resources.
Don’t forget to sign up for the IBM Bluemix Massive Open Online Course
(MOOC) today for free cloud training.
Invitation
Find out more >
additional dots pop into place, one at Logo animation. at Logo animation. Dot and website
by one. When using small Wipro discs they pop into place, static. Find out more > As the official Digital and IT Partner at Chelsea
FC, it gives Wipro immense please to invite
F
should respond Textto the message/
reaches resting point. Dot scales down to resting point. Text reaches resting point. A
your esteemed presence at an exclusive lunch
dotwith
pops intoofplace
the players with
the Chelsea text -
FC team.
headline of the communication Text and logo pop into place, no Dot scales down to resting point. Textno animation
popsJoininto
required.
us on place,
1st Augustno
Logo panel
animation
for an exquisite lunchrequired. Another
animation required. slides
andinthefrom
chance top.
piece. For example, if an invitation At World of Watson, IBM announced a new, single IBM Cloud platform simply branded as IBM
Bluemix. Whether you or your clients are building cloud native applications, cloud enabling
existing applications, or running/enhancing workloads, IBM Bluemix is where access to data,
to interact with the players
in person.
Wipro is Chelsea
announcements and resources.
Wipro is Chelsea
Additional announcements and resources supporting the new Bluemix launch
No fans
IBM Cloud Video Solutions
wipro.com
IBM Watson Data Platform (Dataworks)
Video ● Resource Page ● PartnerWorld University Sales Education invitee only. We would be delighted if you accept
the invite in line with your organisation’s policies.
FC’s
reference the subject matter. Digital of fans closer to Find out more >
too far
Discuss on Yammer
Text reaches resting point Additional dot pops in with text. Text pops in, no animation required. Text pops in, no animation required.
fans of fans closer to
No fans of fans closer to
o far their favourite club. too far their favourite club.
Wipro disc Digital changes
for call-outs everything
Dot pops into place, text slides in Dot in background begins to scale Dot pops into place, text slides in Dots in background continue to
We also
from across fromuse a Wipro
left to right. disc to down. Text pops into place, no from across from left to right. drop down. Text pops into place, OFFICIAL PARTNER
mileage
in person.
the text to be clearly legible. At Wipro, we deliver value at the intersection of strategy,
pool
design and technology that helps you stay ahead of Tickets are non-refundable, and is for the
customer expectations. TopGear invitee only. We would be delighted if you accept
the invite in line with your organisation’s policies.
To accelerate your digital transformation journey,
wipro.com
Text reaches resting point. Dot scales down to resting point. Text reaches resting point. A dot pops into place with text -
yellow work best. Text and logo pop into place, no no animation required. Logo panel
animation required. Call-out
slides inused
fromfor the website.
top.
The disc can be applied to any
applications where call-outs or
Even the way you connect
call to actions are used.
with customers.
Please have a look at the examples
Wipro is Chelsea
Today, it’s all about delivering experiences across channels
Wipro is Chelsea
on this page for reference and also
with quicker response and hyper-personalisation. Learn and collaborate with peers
and mentors to advance your capabilities.
FC’s
theDigital
application section for further
At Wipro, we deliver value at the intersection of strategy,
design and technology that helps you stay ahead of
FC’s Digital
and IT partner.
guidance.
customer expectations.
and IT partner.
topgear.wipro.com
Color example.
Wipro disc
misuse
The Wipro disc gives our designs
ownership and standout. Therefore
it is important that they are applied
correctly and consistently. Here
are a few simple things to avoid.
Please follow the principles
outlined in this brand book.
Never apply tints to the disc Never apply the disc to color Only apply the multiply effect Don’t obscure the entire
when using a multiply effects. photography. to up to two large discs. subject of the image.
The disc should never Never apply gradations to Only up to two shapes should Our discs should never Discs should never The disc device should
cover the whole layout. our discs. use the multiply effect. overlap. compromise the legibility never be distorted. It must
of text. be circular.
Imagery
Imagery
overview
Primary photography Primary photography Secondary photography
Our primary photography style is in
black and white. It has a timeless
quality and makes our look and
feel ownable. Black and white
photography helps to emphasize
space, form, pattern and emotion
and creates the perfect backdrop
for our colorful Wipro discs.
We capture the people we work
with, the environments we provide
our service to, and the businesses
and economies we work together
with. It is always used on the
primary face of an application (e.g.
brochure cover, homepage, etc.)
Secondary photography
This type of photography is used to
support our primary photography
on the secondary face of an
application (e.g. internal brochure
spreads). They help to give a
broader context to our stories.
Note: never use secondary
photography on the primary
face of applications.
Primary
photography
Our photography allows us to tell Primary photography
stories and shows others how we
see the world around us. It is always
end user-centric, not technology
focused. This applies to all our
photography. We capture life from
close-ups to wide aerial shots.
We illustrate six categories:
Category 1: close-up individuals
(proud and looking at the camera).
Category 2: group or team pictures
(showing people working together). Category 1: close-up individuals. Category 2: group or team pictures. Category 3: office environments.
100mm
The following principles apply:
• Use the grid to create icons.
(Not all strokes within a icon
must fall on a grid line.)
• An icon uses one strategically
placed disc/dot to ensure it Bright photography example. Standard icon. Reverse icon.
10mm
follows our look and feel.
• The holding shape is circular.
• All icons use white keylines and
can sit on any of the five primary
colored circular backgrounds. In 8mm
addition, icons can be colored
white within a white circular
keylines when reversed. Possible color options. Minimum icon size.
Reverse icons.
Information
graphics
Information graphics
overview
Public Health
Surveillance and
response systems
Public
Public
Health
Health
Surveillance
Surveillance
and
and
response
responsesystems
systems
Business model
$9B Surveillance and
Big data
Information graphics are visual response systems
Business
Businessmodel
model
1
4 $9B
$9B Surveillance
Surveillance
and
and
representations of information
Big
Big data
data
7 response
responsesystems
systems
6
11
or data, intended to present
Lorem ipsum dolor sit amet, con-
sectetur adipiscing elit, sed do
44
3 77
information quickly
eiusmod
Lorem
Lorem and
ipsum tempor
ipsum dolor incididunt
dolorsit
sitamet, ut
amet,con-
con- 5
66 $9B $108B $5B
labore
sectetur
sectetur et dolore magna
adipiscing
adipiscing elit, aliqua.
elit,sed
seddodo Ut 33
clearly. They can improve
enim
eiusmod
eiusmodadtempor
minim
tempor the
veniam,
incididunt
incididuntquis nostrud
utut 2 55 $9B
$9B $108B
$108B $5B
$5B
exercitation ullamco laboris nisi
UtUtut
understanding enim
by
labore
simplifying
laboreetetdolore
aliquip
enimad ex
dolore
adminim
magna
magna
ea commodo
minim veniam,
veniam,quis
aliqua.
aliqua.
consequat.
quisnostrud
nostrud Public Health
Duis aute irure dolorlaboris
in reprehen- 22
often complex data
exercitation
derit
aliquip
aliquip
in
exercitation
inex easy
ullamco
ullamco
voluptate
ex
eaeacommodo
to
velit
commodo
laboris
esse
nisi
nisiutut
cillum
consequat.
consequat.
Surveillance
and response $47B
systems
understand graphics,
dolore
Duis
Duisaute eu
charts
fugiat
auteirure
irure nulla
dolor and
pariatur.
dolorininreprehen-
reprehen-
Public
PublicHealth
Health
Surveillance
Surveillance
Excepteur
derit sint occaecat
deritininvoluptate
voluptate velit
velitesse
essecupidatat
cillum
cillum and
and
response
response $47B
$47B
diagrams. We aim non
dolore to
dolore eueukeep
proident,
fugiat sunt our
fugiatnulla
officia deserunt
in
nulla culpa
pariatur.qui
pariatur.
mollit anim id est
systems
systems
Excepteur
Excepteur sint
sintoccaecat
occaecat cupidatat
cupidatat
information graphics
laborum.
non
nonproident,
proident,simple
sunt and
suntininculpa
culpa qui
qui
Accounts
Surveillance and
response systems
straightforward, with
officia
laborum.
laborum.
a sense
officiadeserunt
deseruntmollit
mollitanim
of est
animididest > 3,500 > 50 > 200 > 2,000 > 50 > 250 > 400 Accounts
Accounts
1. North America 2. Latin America 3. Middle East 4. Europe 5. India 6. China 7. Japan Surveillance
Surveillance
and
and
ease and elegance. >>3,500
3,500 >>50
50 >>200
200 >>2,000
2,000 >>50
50 >>250
250 >>400
400
response
responsesystems
systems
1. North
1. North
America
America 2. Latin
2. Latin
America
America 3. Middle
3. Middle
East
East 4. Europe
4. Europe 5. India
5. India 6. China
6. China 7. Japan
7. Japan
57.8%
driving operational
20% $3.4B
72.7%
72.7%
Food products
efficiencies to be the biggest
white backgrounds. consider
Construction
Construction 20%
20% $4.2B
$4.2B
benefit of a big data strategy
57.8%
57.8%
considerdriving
drivingoperational
operational Steel 20% $3.4B projected growth in global
Food
Food
products
products 20%
20% $3.4B
$3.4B
efficiencies
efficiencies
toto
bebe
the
the
biggest
biggest data created per year
say
say
that
that
big
big
data
datahelps
helpsinin
better
better
meeting
meeting consumer
consumer Telecommunications
Telecommunications 17%
17% $0.4B
$0.4B
demand
demand and
andfacilitating
facilitating
growth
growth
Information graphics
charts and diagrams
All our charts and diagrams should 1 2 3 4 5 6 7 8 9 10 11 12
have a distinctive Wipro look and
feel. To achieve this, our primary
colors are used as the predominant Chart 1
Data set with 3 values
Chart 2
Data set with 4 values
Chart 3
Data set with 5 values
Chart 4
Data set with 6 values
palette. Examples on the right
show the color use, sequence and 09 09 09 09
08 08 08 08
hierarchy. 07 07 07 07
06 06 06 06
We use our primary color palette 05 05 05 05
03 03 03 03
exhausted, we use our secondary 02 02 02 02
palette tints. 01 01 01 01
0 0 0 0
Wipro Dark Gray (80% tint of black) Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text
Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text
and Blue may be used for chart Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text
ensure consistency. 08 08 08
07 07 07
04
05
04
05
04
01
02 02
01 01
0 0 0
Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text
Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text
Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text
Contact
Information
Contact
information
For any queries on logo usage other than
those explicitly mentioned in this document,
please contact the Brand Team at Wipro.
brand.studio@wipro.com
Thank you for reading this brand book.
Applying the guiding principles correctly and consistently
helps to build a stronger Wipro brand.