SlideShare una empresa de Scribd logo
1 de 42
COPYRIGHT ©2020. ALL RIGHTS RESERVED.
Style
Guide
V01
Welcome.
Since you are holding this guide and reading these words,
we’re trusting you with our very identity: our brand.
We aren’t interested in all of the buzzwords and catchphrases
and marketing jargon surrounding the word brand. But we do
care about what people think about us. We care about our
reputation. We care about building great relationships.
The following pages are full of guidelines, rules, and handy
tips that we hope will help you communicate our values,
realise our vision, and reinforce our brand.
It is impossible to predict every situation, brand execution, or
implementation, but this guide will help refine your approach.
Introduction V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
002
What’s
Inside
Updated: April, 2021
Originally Published: June 15, 2020
Created By: Playtech
Questions: hello@Playtech.com
Introduction
002. Welcome.
004. Intent of this guide
005. Using our meterials
About The Brand
006. About the Brand
007. Key Messages
008. Strategy
Brand Logo
011. Primary Lockup
012. Colour Variations
013. Alternative Lockups
014. Logo Size
015. Clear Space
016. Background Control
017. Logo Placement
20. Common Errors
Brand Colours
022. Primary Colour Palette
023. Using White & Black
Typography
025. Primary Typeface
026. Weights
027. Using Type
028. Digital Type
029. Text Styles
Visual Style
031. Grids
034. Elements
035. Compositions
Photography
037. Tone
In Closing
039. Approvals
040. File Types
Introduction V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
003
This style guide is a reference for our internal
design team, vendors, and others who are
authorised to work with the Playtech Protect
brand.
The standards, guidelines, and references
within this document are grounded in the
years of research, experimentation, and
brand executions that have preceded our
new brand look and feel.
Our intent with this guide is not to restrict
creativity and innovation: far from it. We
believe in the creative spirit, and innovation is
one of our core values.
What we strive for is a coordinated,
consistent, and effective brand presence in
everything we create. If we make something,
we want to make sure that people know
where it came from.
The focus of this guide is to empower you,
the creative, with the elements you need to
create. By utilising these tools, resources,
and adhering to the guidelines within, you’ll
make things that look like the Playtech
Protect brand, every time.
Please refer back to this guide often.
We believe that our style guide is a living
document. It should evolve over time, just as
our brand inevitably will.
If you have any questions concerning the
content of this guide, please don’t hesitate
to reach out to our Design Team at design@
playtech.com.
Intent of
this guide
Introduction V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
004
Using our brand
materials
We are reasonable people—and open to most things—but
when it comes to our brand, our reputation, we maintain strict
control. We hold ourselves to incredibly high standards, and
we expect the same wherever our brand is represented.
You must have specific permission and authorisation to
use any of our brand materials, including any resources,
graphics, or visual elements found within this guide and its
accompanying files. Simply being in possession of these
materials does not imply or imbue permission in any way.
The approval process for materials and implementations of
our brand will vary. Please contact an authorised Playtech
Protect representative (usually your point of contact) with
questions.
We reserve the right to disapprove or deny any use or uses
of our logo, our brand visuals, or other brand elements at any
time, for any reason.
For legal, copyright, or usage
questions relating to our brand
visuals, please reach out to John
Smith, at john@lawyer.com.
Introduction V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
005
About The Brand
01
Playtech Protect brings together Playtech’s
responsible gambling and regulatory and
compliance technology solutions, services
and thought leadership into a single place.
Responsible gambling is a cornerstone
in everything we do at Playtech and our
ambition is to build a safer and more
sustainable global gambling industry for all.
A New Era of
Innovation
About Us V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
006
Key messages
01
•	 	Unified brand for all responsible / Safer Gambling
products, services and thought leadership
•	 	 Playtech Protect brings together all of Playtech’s Safer
Gambling and compliance technology, tools, services
and research
•	 	 Playtech is the only technology provider in the industry
that can offer such a comprehensive set of Safer
Gambling and compliance tools
•	 	 As part of Playtech Protect, Playtech is continuing to
invest in developing the most innovative Safer Gambling
tools, player engagement software and leading industry
research into sustainable game design
•	 	 Playtech Protect is designed to offer a one stop shop
for all operators Safer Gambling and Compliance
needs – allowing them to deliver an industry leading,
compliant and sustainable offering in any market
About Us V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
007
Core part of
Playtech’s strategy
01
•	 	 As a technology leader in the gambling industry, part
of Playtech’s core strategy is to leverage its expertise,
experience, and technology to help build a sustainable,
safe and ‘entertainment first’ industry – building an
industry that will be commercially attractive for years to
come
•	 	 As a key technology partner to our licensees Playtech’s
role is to anticipate and answer the key tech challenges
our partners face – Playtech Protect answers all our
partners Safer Gambling & Compliance needs
•	 	 Playtech Protect is one of the key pillars of Playtech’s
Sustainable Success strategy – the goal of which is to
consolidate Playtech’s position as a global leader in
safer products, data analytics and player engagement
solutions
About Us V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
008
Brand Logo
03
Our logotype and symbol is created to
visualise our identity and commitment to
powering safer gambling solutions.
The heart, soul,
and center of our
brand identity.
V E RSION 2.0 UPDAT E D APRIL 2021
PLAYTECH PROTECT STYLE GUIDE
The brand logo identifies the Playtech Protect
brand as a whole. This logo is a carefully
created piece of locked artwork that should not
be altered in any way.
Primary
Lockup
.75” or 50px
MINIMUM SIZE
This version is not intended for extremely small
sizes. The minimum height is .75” for print
applications and 50px for digital applications.
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
011
Each brand logo lockup has several colour
variations for use on different background
types, tones, and colours.
When in doubt, use the most legible version
of the logo for the available background.
For printed executions, special care should
be given to ensure logo legibility on the final
media or material used.
Icon: Full-Colour
Wordmark: Dark Playtech
Icon: Greyscale Dark
Wordmark: Black
Icon: Full-Colour
Wordmark: Dark Playtech
Icon: Greyscale White
Wordmark: White
Colour
Variations
Full-Colour, Dark
Greyscale, Dark
Full-Colour, Light
Greyscale, Light
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
012
Trying to fit the same mark simultaneously on
a billboard and on the bottom of an espresso
cup is a challenge. Our identity system is
designed for flexibility, consistency, and
brand recognition.
We have provided different logo lockups
that should cover every space imaginable.
Instead of trying to fit a logo into a space
that is too small or crowded, simply use a
different version for maximum visual impact
and clarity.
When using the icon-only mark, ensure
that our brand name is visible near or in
relationship with the icon. For example, an
espresso cup bearing the icon design on the
inside of the cup should have a hang tag or
box which displays our brand name legibly.
This will help reinforce our brand recognition
across multiple touchpoints.
A Scalable
Identity System
VERTI C AL LOCKUP PRIMARY LOCKUP ICO N-O NLY WO RD MAR K LO CKUP
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
013
Maintaining optimal and minimal logo sizing
is vital to the legibility of the mark and overall
brand recognition.
The execution will often dictate the right logo
size. But in order to maximise legibility, try to
use the largest size (within reason) for each
logo version listed. In some circumstances, it
may be acceptable to use the minimum size.
Never reproduce our logos smaller than the
minimum sizes listed on this page.
Logo Size
Minimum Sizing
WO RD MAR K
Minimum height is .25” for print and
18px for digital applications.
.75”
50px
.75”
50px
1.5”
100px
.75”
50px
ICO N
Minimum height is .75” for print and
50px for digital applications.
PRIMARY LOCKUP
Minimum height is .75” for print and
50px for digital applications.
VERTICAL LOCKUP
Minimum height is 1.5” for print and
100px for digital applications.
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
014
Clear space, or negative space, is the area
that surrounds the logo that is completely
clear of any other graphical element. Clear
space helps the logo stand out from the rest
of the elements on the page and ensures
legibility, even at small sizes.
As a general rule, the more clear, or negative,
space around the logo, the better.
At a minimum, there should be clear space
equal to the height of the Playtech Protect
icon on all four sides of the logo. Using
an element from the logo as a unit of
measurement ensures enough clear space at
any size.
Clear
Space
ICON HEIGHT
All versions of the brand logo include
an icon element (highlighted in red).
Each version of the logo uses its own
icon size to determine clear space.
Alternate Logo Versions
Visualised Clear Space
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
015
Contrast is the name of the game when
considering placing the logo on any
background.
Our logo should not only be legible; it should
also make a clear, strong statement when
used. If there is not enough contrast between
the logo and the background, the presence
of the logo is weakened.
Background
Control
The full-colour version of the logo may only
be used on the Dark Playtech or Sustainable
white solid-colour background. Use the dark or
light version to achieve maximum contrast.
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
016
Placement of the logo on canvas is
vital to a consistent visual style.
Where our logo is placed communicates a great deal about
our brand’s visual style. In this chapter, you will find high-level
guidance on how the logo should be positioned on a variety
of touchpoints and media.
As a general rule, our logo should not be centered in an area.
We typically favor a left-aligned layout with the logo aligned
to the primary grid line—the spine.
Exceptions to this rule will inevitably surface. When in doubt,
connect with a member of our team to review your situation.
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
017
On The Page
Place the logo left-aligned on the primary grid
line. If this space is not available, the logo belongs
in the top or bottom left page corners.
Specific stationery layouts are provided in the
Brand Collateral section of this document.
Placement
Sapidus non nus. Occuptas mil id mos experibus as dolorpo ssequistem quo tenimag
nimusa quiberspel illaborae estibus apicae re paribus, nus is aut magnis ditis ditati
incitat emporesti omnis quam rae quia quos culluptat ut vollibus pra sunt eium arciur
soles ex ex est ut aut velloreped quis voles quam, cum et quibus que des simusciaecti
dolesti blaborp oreius exero ea cum quuntur, ipsaecati corem simus rem.
Itati consent lament est laut es ut ut as ma nos rem lacea verepud andebit fugiam,
nitaecum nam quam voluptios et mod ut rectet am verferum exces re ipienem re dem.
Harum quis ut aceste rem quiant audisin re volore officipit illigenis dit volorro restiatem
non praecus andel ipsum dia quam que essed exceperiatem ipit lab in rem inctatur,
omnis pa core sedipsus dunt.
Ent. Ed es doluptatur aut veliquoditia quo dolendigenis elique ma qui as molenihil
iniendis sum ea non ped ut qui sed ma sundus quae prat ilitaqu atibus, quidentorum
doles el ipicitias et lam is everibus a se conserio omnime nisquiam quam et videlectione
aut poresserum et ilignatquas earciat.
Odi vit ex et quae. Taeruntectem eum reius, omnis solupti aeritiae simus quatisque
comnis ped quostia volesti untur, cust hilibus am sedianis id enihilit rendestium entiani
enduciditiur rectur, consed es sunt et evera velliquiae non es doluptaessit volor a
prehento vollorem labo. At.
Sequam volorer ibusdae natem iusam, quae. Ria quunt, ut ut fuga. Sunt.
Sapidus non nus.
Occuptas mil id mos
experibus as dolorpo
ssequistem quo
PREFERRED
Align the logo to the primary grid line (referred
to as the spine). The primary lockup looks best
when left-aligned.
ALT E RNAT E O P T IO NS
Align the primary lockup to the left corners. If
the layout dictates a centered or right-aligned
mark, use the icon or vertical lockup.
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
018
On Social Media
When used as social media avatars, the
icon-only logo should be used with the right
amount of clear space on all sides.
We have developed two approved avatar
images found here on this page. They are
each approved for both circular and square
avatars shapes of all sizes.
While the layout of these avatars should not
be altered in any way, approved secondary
brand colours may used to address special
events, holidays, and seasonal changes.
Placement
ICO N AVATA R
Preferred avatar for use on all
platforms. All approved colour
combinations may be used.
WO RD MAR K AVATA R
All approved colour combinations
may be used. The wordmark must be
visually centered, not mechanically.
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
019
Do not place the logo on a high-
contrast pattern or busy photograph.
Do not change the layout or
relationship between logo elements.
Do not encroach on the required clear
space surrounding the logo.
Do not stretch, squash, skew, or
distort the logo in any way.
Do not edit the logo colour, use an off-
brand colour, or reduce the logo opacity.
Do not add graphic effects to the
logo, including drop shadows.
Common
Errors
Note: This is not a comprehensive list
of errors. These are simply the most
common or egregious errors.
Coffee from:
Thank you!
Brand Logo V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
020
Brand Colours
04
The colours we’ve chosen for our brand is
a key factor in differentiation and brand
recognition.
As such, it is vital that our colours are
reproduced faithfully and combined in
the right way. This section covers these
guidelines in detail.
Any colour outside of those outlined within
this section will be considered unauthorised.
Colour sets us
apart & helps to
invoke emotion.
V E RSION 2.0 UPDAT E D APRIL 2021
PLAYTECH PROTECT STYLE GUIDE
The consistent use of colour is vital to
effective brand recognition.
Our brand should always be represented in
one of the colours on this page, aside from
specific recommendations within this guide.
Do not use any other/unauthorised colours.
Use of the Pantone Matching System is
highly recommended to ensure colour
consistency across any and all touchpoints.
If Pantone colour matching is not available
or out of budget, please take great care to
match the hues above precisely.
We prefer a natural matte/uncoated paper
stock, so always match to the Uncoated
Pantone book.
Primary Colour
Palette
Dark Playtech Protect Blue Protect Green
CMYK: 100, 100, 37, 56
RGB: 30, 0, 61
HEX: #1e003d
CMYK: 95, 90, 27, 18
RGB: 49, 49, 102
HEX: #313166
Sustainable White
CMYK: 0, 0, 0, 0
RGB: 255, 255, 255
HEX: #ffffff
CMYK: 64, 0, 51, 0
RGB: 0, 228, 166
HEX: #00e4a6
Black and white are vital components to the brand palette.
Whenever possible, avoid true black and true white in favor of
these subdued tones.
Both white and black are used to define space on the page,
on the package, and on the website.
Create high contrast by combining both: perfect for legible
typography. This guide serves as an excellent example of this.
We recommend an expansive use of negative space in brand
executions, which can be created using either white or black.
Using White
& Black
Sustainable White
CMYK: 3, 2, 2, 0
RGB: 243, 243, 243
HEX: #f3f3f3
Midnight Black
CMYK: 75, 64, 68, 77
RGB: 23, 29, 26
HEX: #171d1a
Brand Colors V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
023
Typography
05
Few things communicate the look and feel
of a brand more clearly than the way letters,
numbers, and symbols are put together. We
believe typography should strike a balance
between legibility and interest.
This section will cover approved typefaces,
the way we use typography to communicate
clearly, and some helpful usage tips.
Any typeface not referenced in this section
will be considered unauthorised for use.
We are obsessed
with the beauty
of typography.
V E RSION 2.0 UPDAT E D APRIL 2021
PLAYTECH PROTECT STYLE GUIDE
We have one typeface family - Helvetica®
Now - that has been selected to provide
clarity, simplicity and neutrality, used for,
titles, subtitles and running text.
Helvetica Now comprises 48 fonts, consisting
of three distinct optical sizes: Micro, Text and
Display.
Each one has been carefully tailored to
the demands of its size. The larger Display
Clarity, simplicity,
neutrality.
Helvetica Now
versions are drawn to show off the subtlety
of Helvetica and spaced with headlines in
mind, while the Text sizes focus on legibility,
using robust strokes and comfortably loose
spaces. The Micro designs are simplified
and exaggerated to maintain the impression
of Helvetica in tiny type, and their spacing
is loose, providing remarkable legibility at
microscopic sizes and in low-res environments.
Typography V E RSION 2.0
025
PLAYT E CH PROT E CT ST YL E GUIDE
Weights
Helvetica Now -
Light
Helvetica Now -
Regular
Helvetica Now -
Medium
Helvetica Now -
Bold
aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz
AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ
0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº
aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz
AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ
0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº
aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz
AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ
0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº
aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz
AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ
0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº
Hierarchy & Weight
Helvetica Now is a variable-weight typeface,
with 48 weights in total. That being said, we
typically stay within these four weights.
Use contrast between heavy and lighter
weights to communicate relevant
importance, otherwise known as hierarchy, of
information.
Typography V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
026
Legibility and clarity are vitally important to great
typographical layouts. Since most people read from left to
right, we should align our type accordingly. And besides,
we’re a little off-center as a brand anyway.
Whenever you place text next to each other, either align the
baselines (the line that the bottom of a lowercase x sits on) or
align the x-heights (the top of a lowercase x). This helps align
each line visually.
Negative space, or the space around elements is vitally
important. That being said, if informational elements belong
together, move them closer together. Use grouping wisely:
just try not to cram too many things in one space!
Contrast is the name of the game when it comes to great
design. When in doubt, skip a weight when pairing two
weights, and double the size between two text elements.
When setting paragraphs, keep an eye on the right (ragged)
edge. If the rag unintentionally creates a recognisable
shape, consider tweaking the language or resizing the
container. Also, try to prevent single-word lines (orphans).
It is easy for the user to get lost in long lines of text, and short
ones are easily ignored. It’s best to keep lines between 45 and
70 characters long, depending on the size of the font. This will
ensure legibility as the font sizes increase or decrease.
Using Type
01
03
05
02
04
06
Stay Left-Aligned, Rag Right
Align X-Heights or Baselines
Give Things Space, If Needed
Skip Weights & Double Size
Watch The Rag
Keep Line Length Reasonable
The Six Type Rules
When constructing layouts, these tips will
help you build dynamic, interesting, and on-
brand compositions with typography.
While these rules are proven and sound,
sometimes breaking them is the right call.
Typography V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
027
Weight: Helvetica Now Light
Size: 18px
Line Height: 26px
Colour: Grey
Bottom Margin: 16px
Weight: Helvetica Now Medium
Size: 30px
Line Height: 36px
Margins: 20px, 0
Padding: 0, 0, 0, 40px
Border (Left): 3px
Weight: Helvetica Now Medium
Colour: Green
Underlined
Omnimus cuscilit que ea volesto et, sitatur minum rae. Et expel inctae rerum ea
que omnima consedit maio conet, venimaximi, corepel iquunt volorpos quam, si
quos intiusciate sitas millabo reicita tiissimus explantecab imet doluptati delit,
sequiandit, aperfernam, officiisti dolorerate rerchil eaquassequid ut dolendit aciet
officiatur am debis sum simporem nit, ut ut fuga. At fugit dent, suntur, consenim
ad undae. Necta cus quodior iandund andionsed ut remque sinctotatur amus.
Aximo quis veni dolupta spiet, sit harunto eum illor arumquas et aut pliquae necum
liquam quam fugit quam enecus, sundiam, odit laboreptas qui aci cus, omnia qui
doluptam in coreribus ellaccus.
Dolut venis pre aboreri berions edicius doluptat rehendi omnihicitas quasperum
ex esed magnatur magniet acerio con re doluptate sum iume vendi que repudae
ctibus dero occae venim si ilique eum numet accae delestrume officia inti
Met prepudi piderovid estio magnat adit
offictet as aut dolori acerspedis
Dolorro videnis poresequi doluptat liasita tincium debit, seque landae ligenda
musdae verum haria doluptassi sendera velliquas dolla quatur, ut et postisquasin
necuscipsam volesci mendae et inctem eos sundi reptaquia porepudio inctem
quatio molectasped molorpos esci nimet odi doluptatur, nulpa porum.
Quatia dolum alique es asped es aliquam, qui ducimus andunte volorendam
ressitempos corrum ratur? Harita sequam inctotate volupisit veni doloriam dolut a
por ad ut lam non pliquam eum ad quodit explique
Digital Type
Max Width: 700px
PARAGRAPH
STRONG OR BOLD
BLOCK QUOTE
TEXT LINKS
Body Text
The root body text size, line width, line
height, and tracking are set to enhance
visibility and legibility on all screens.
Certain typographic situations specific to
digital type like block quotes and text links
are also outlined on this page.
Typography V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
028
Header Line
The line style roots the header text and
provides framing and structure to a page.
The line should always follow the rules
shown; Max width is always the width of
the first two letter. Line Weight is always
the same weight as the typeface used. Line
Spacing is always equivalent to the weight of
the line.
Header Text
Header Text
Max Width: First two letters
Max Width: First two letters
Line Weight:
Same weight as typeface
Line Spacing:
Equivalent to line weight
Line Weight:
Same weight as typeface
Line Spacing:
Equivalent to line weight
Text Styles
Typography V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
029
Visual Style
06
While brand consistency relies heavily
on logo usage, colour, and typography,
we recognise that these are not the only
elements within a brand identity design
system.
This section contains guidelines on grid
usage and references to approved visual
elements like icons, illustrations, patterns,
frames and more.
Ingredients for
on-brand layouts
and composition
V E RSION 2.0 UPDAT E D APRIL 2021
PLAYTECH PROTECT STYLE GUIDE
Grids
Letter
Portrait orientation grids are typically four-
columns, with generous margins that reflect
the golden section.
The type area is always off-center, with the
largest margin on the left side of the page.
Gutters are typically one unit of
measurement in comparison to the margins.
MAR GINS
Generous margins set our stationery
materials apart. We don’t waste
space with unnecessary filler.
UN ITS O F ME ASUR E ME NT
Units of measurement can change
depending on the desired layout.
The ratio between them is the most
important element.
MO USE T YP E
If desired, mouse type or other small
related elements can be set outside
of the primary grid area.
8 UN ITS
5 UN ITS
5
UN
I
T
S
1
UN
I
T
1
UN
I
T
1
UN
I
T
3
UN
I
T
S
Visual Style V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
031
Grids
Presentation
Landscape orientation grids are typically
12-columns, with equally generous margins
that reflect the golden section.
The type and content area is off-center,
with the largest margin on the left side of
the screen/page.
Gutters are typically one unit of
measurement when compared to margins.
8
UN
I
T
S
5
UN
I
T
S
3 UN ITS
1
UN
I
T
5 UN ITS
EXAMPLE
This guide is an excellent example
of how we use the presentation
grid. Take note of how elements are
aligned within columns.
Visual Style V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
032
Grids
Website
In order to maximise compatibility across all
devices and to ensure flexibility of layout, the
website grid is symmetrical and centered in the
browser.
On the desktop version of the grid, there are 12
full columns. The number of columns decrease
as the browser window gets smaller, until finally
arriving at a single column layout on mobile
devices.
Gutter widths and side margins are calculated as
a percentage of the user’s window size, and vary
depending on column quantity. There are no top
and bottom margins.
6
%
S
I
D
E
M
A
R
G
I
N
6
%
S
I
D
E
M
A
R
G
I
N
Visual Style V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
033
Elements
Shapes
Drawing inspiration from the indentity,
several standard and abstract geometric
shapes can be used in graphic
compositions in a variety of ways.
Use the shapes on this page as inspiration
to create new elements.
Playtech Protect shapes should strictly be
in green, white, glass, metal or concrete.
ABSTRACT POLYGONS
The shapes above can be used as
pattern elements, frames, and many
other graphic elements.
Visual Style V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
034
Compositions
We have developed a story around a visual style
that is approved for usage as backgrounds, in
print materials, and for the web.
The idea behind the compositions is to
represent the complexity and thinking behind a
new era of innovation in responsible gambling
and consumer protection.
These images are to be used as cover imagery,
title pages and/or slides, banners and social
media posts.
Visual Style V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
035
Photography
07
A great photograph can change the entire
trajectory of our business. In other words,
photography is vital to the success of our
brand and should be treated as an essential
part of our brand executions.
In this section, you will find guidelines on
tone and usage. Standardising these facets
of photography will ensure a consistent look
and feel across our entire image library.
Photographs:
worth more than
1,000 words.
V E RSION 2.0 UPDAT E D APRIL 2021
PLAYTECH PROTECT STYLE GUIDE
Powering, Pioneering,
Innovating.
Photographs should feel clean, techy, and dynamic. We
strive to use a powering, Pioneering, and Innovating tone.
The content of each photograph should always seek
excellent lighting that provides contrast between highlights
and shadows, even if the light source is simply an open
window. Photos should also reflect our primary colour
palette and logo symbol.
Tone
Photography V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
037
In Closing
09
Though we’ve come to the end of this guide,
this is only the beginning of our journey.
In this section, you will find details on our
approval process, several points of contact
within the brand department, and a warm
thank you note.
Why? Because we care.
Everything we
forgot to mention
before this.
V E RSION 2.0 UPDAT E D APRIL 2021
PLAYTECH PROTECT STYLE GUIDE
Approvals
As previously stated, this guide is not a
comprehensive list of rules. We recognise the
creative journey is full of twists and turns.
New approaches, new trends, and changes in
technology will inevitably have an effect on
our brand and the way we execute it visually.
That being said, we insist that any brand
execution follow the guidelines listed within.
Anything outside of these guidelines must
be approved by an authorised representative
from Playtech.
Outside approvals may be submitted
electronically by emailing the concept to Dan
Moutia, Lead Designer, at hi@playtech.com.
Questions prevent mishaps: If you have
a question about the use of our brand
materials, please do not hesitate to ask!
Closing V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
039
File Types
The files provided with this guide generally
fall into two types: raster and vector files.
While both can be used for most applications,
typically one is more suited, depending on
the usage intent.
Raster Files
Raster files are comprised of a grid of
pixels. These types of files always have a set
resolution and size. Once you increase the
size past its predetermined size, the quality
decreases. You’ve probably seen this before:
images begin to appear pixel-lated if they’re
pushed too far.
Graphics, like the brand logo, can be
exported in raster versions. Photographs are
always raster files.
Raster files are typically used for web
graphics and digital executions. When used
in print applications, you must ensure that
the file exceeds the minimum DPI (dots per
inch) of 150DPI, or risk a low-quality print.
Typically, raster files end with .jpg, .png, .gif,
and .psd. They are easy to open and apply.
Vector files
Vector files create their shapes by
mathematical equations between anchor
points. Since they are crafted by ratios, and
not a grid of coloured squares, vector images
can be infinitely scaled.
Graphics, like the brand logo, are typically
created as vector files. Illustrations,
iconography, and many of our simple shapes
and graphic elements are created as vector
files.
The limitations of vector files lie in their
strengths: because each relationship is
an equation, complex items, gradients,
photographs often make vector file sizes too
large. Raster images are more efficient in
those situations.
Vector files are typically used for printing
or producing the logo or other graphics in
most forms. If you’re ever asked for a high-
resolution logo file, send a vector file.
Typically, vector files end with .ai, .eps and
.svg. Without special programs, these files
will be difficult to open.
Closing V E RSION 2.0
PLAYT E CH PROT E CT ST YL E GUIDE
040
Thank you.
From everyone at Playtech, thank you for your attention to
detail, your unwavering support, and your commitment to
making our brand vision a reality for so many people.
Building a brand is like raising a child: it takes a village.
Without you, we would not exist.
To all of our vendors, creative teams, and outside consultants:
we are here for you. If you need any help with our brand at all,
especially when working on a brand execution, please do not
hesitate to reach out to our team at hi@Playtechcoffee.com.
Closing V E RSION 2.0
041
PLAYT E CH PROT E CT ST YL E GUIDE
Playtech protect style_guide_260421

Más contenido relacionado

Similar a Playtech protect style_guide_260421

Source Fire Corporate Style Guide
Source Fire Corporate Style GuideSource Fire Corporate Style Guide
Source Fire Corporate Style Guide
Bluetext
 
Insurance Plan Proposal Presentation2.pptx
Insurance Plan Proposal  Presentation2.pptxInsurance Plan Proposal  Presentation2.pptx
Insurance Plan Proposal Presentation2.pptx
fernandopajar1
 
Brand Guideline for Empirico
Brand Guideline for EmpiricoBrand Guideline for Empirico
Brand Guideline for Empirico
brendayin
 
Modernist Look Brand Identity Guideline
Modernist Look Brand Identity GuidelineModernist Look Brand Identity Guideline
Modernist Look Brand Identity Guideline
AliCanElagoz1
 

Similar a Playtech protect style_guide_260421 (20)

Exp Realty Brand Guidelines
Exp Realty Brand GuidelinesExp Realty Brand Guidelines
Exp Realty Brand Guidelines
 
One: Brand Guideline Kit
One: Brand Guideline KitOne: Brand Guideline Kit
One: Brand Guideline Kit
 
GeorgiaTech-2015
GeorgiaTech-2015GeorgiaTech-2015
GeorgiaTech-2015
 
Source Fire Corporate Style Guide
Source Fire Corporate Style GuideSource Fire Corporate Style Guide
Source Fire Corporate Style Guide
 
The Magic Wand – Brand Guideline
The Magic Wand – Brand GuidelineThe Magic Wand – Brand Guideline
The Magic Wand – Brand Guideline
 
ESD BrandBook
ESD BrandBookESD BrandBook
ESD BrandBook
 
Seagate Brand Guide
Seagate Brand GuideSeagate Brand Guide
Seagate Brand Guide
 
Brand Guidelines | managerslides
Brand Guidelines | managerslidesBrand Guidelines | managerslides
Brand Guidelines | managerslides
 
Insurance Plan Proposal Presentation2.pptx
Insurance Plan Proposal  Presentation2.pptxInsurance Plan Proposal  Presentation2.pptx
Insurance Plan Proposal Presentation2.pptx
 
TikTok_guidelines (1).pdf
TikTok_guidelines (1).pdfTikTok_guidelines (1).pdf
TikTok_guidelines (1).pdf
 
Brand id ext_final
Brand id ext_finalBrand id ext_final
Brand id ext_final
 
100112 tj brand_guidelines_r4ra1_cs6
100112 tj brand_guidelines_r4ra1_cs6100112 tj brand_guidelines_r4ra1_cs6
100112 tj brand_guidelines_r4ra1_cs6
 
WeMakeEventsV07.pdf
WeMakeEventsV07.pdfWeMakeEventsV07.pdf
WeMakeEventsV07.pdf
 
Brand Guideline for Empirico
Brand Guideline for EmpiricoBrand Guideline for Empirico
Brand Guideline for Empirico
 
iris brand guidelines 2014
iris brand guidelines 2014iris brand guidelines 2014
iris brand guidelines 2014
 
Brandbook_EB
Brandbook_EBBrandbook_EB
Brandbook_EB
 
Example - Corporate Brand Guidelines
Example - Corporate Brand GuidelinesExample - Corporate Brand Guidelines
Example - Corporate Brand Guidelines
 
Dropsuite Brand Identity Guidelines - 2016
Dropsuite Brand Identity Guidelines - 2016Dropsuite Brand Identity Guidelines - 2016
Dropsuite Brand Identity Guidelines - 2016
 
Modernist Look Brand Identity Guideline
Modernist Look Brand Identity GuidelineModernist Look Brand Identity Guideline
Modernist Look Brand Identity Guideline
 
PayPal MasterBrand Guidelines
PayPal MasterBrand GuidelinesPayPal MasterBrand Guidelines
PayPal MasterBrand Guidelines
 

Último

一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
eeanqy
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 

Último (20)

一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 

Playtech protect style_guide_260421

  • 1. COPYRIGHT ©2020. ALL RIGHTS RESERVED. Style Guide V01
  • 2. Welcome. Since you are holding this guide and reading these words, we’re trusting you with our very identity: our brand. We aren’t interested in all of the buzzwords and catchphrases and marketing jargon surrounding the word brand. But we do care about what people think about us. We care about our reputation. We care about building great relationships. The following pages are full of guidelines, rules, and handy tips that we hope will help you communicate our values, realise our vision, and reinforce our brand. It is impossible to predict every situation, brand execution, or implementation, but this guide will help refine your approach. Introduction V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 002
  • 3. What’s Inside Updated: April, 2021 Originally Published: June 15, 2020 Created By: Playtech Questions: hello@Playtech.com Introduction 002. Welcome. 004. Intent of this guide 005. Using our meterials About The Brand 006. About the Brand 007. Key Messages 008. Strategy Brand Logo 011. Primary Lockup 012. Colour Variations 013. Alternative Lockups 014. Logo Size 015. Clear Space 016. Background Control 017. Logo Placement 20. Common Errors Brand Colours 022. Primary Colour Palette 023. Using White & Black Typography 025. Primary Typeface 026. Weights 027. Using Type 028. Digital Type 029. Text Styles Visual Style 031. Grids 034. Elements 035. Compositions Photography 037. Tone In Closing 039. Approvals 040. File Types Introduction V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 003
  • 4. This style guide is a reference for our internal design team, vendors, and others who are authorised to work with the Playtech Protect brand. The standards, guidelines, and references within this document are grounded in the years of research, experimentation, and brand executions that have preceded our new brand look and feel. Our intent with this guide is not to restrict creativity and innovation: far from it. We believe in the creative spirit, and innovation is one of our core values. What we strive for is a coordinated, consistent, and effective brand presence in everything we create. If we make something, we want to make sure that people know where it came from. The focus of this guide is to empower you, the creative, with the elements you need to create. By utilising these tools, resources, and adhering to the guidelines within, you’ll make things that look like the Playtech Protect brand, every time. Please refer back to this guide often. We believe that our style guide is a living document. It should evolve over time, just as our brand inevitably will. If you have any questions concerning the content of this guide, please don’t hesitate to reach out to our Design Team at design@ playtech.com. Intent of this guide Introduction V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 004
  • 5. Using our brand materials We are reasonable people—and open to most things—but when it comes to our brand, our reputation, we maintain strict control. We hold ourselves to incredibly high standards, and we expect the same wherever our brand is represented. You must have specific permission and authorisation to use any of our brand materials, including any resources, graphics, or visual elements found within this guide and its accompanying files. Simply being in possession of these materials does not imply or imbue permission in any way. The approval process for materials and implementations of our brand will vary. Please contact an authorised Playtech Protect representative (usually your point of contact) with questions. We reserve the right to disapprove or deny any use or uses of our logo, our brand visuals, or other brand elements at any time, for any reason. For legal, copyright, or usage questions relating to our brand visuals, please reach out to John Smith, at john@lawyer.com. Introduction V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 005
  • 6. About The Brand 01 Playtech Protect brings together Playtech’s responsible gambling and regulatory and compliance technology solutions, services and thought leadership into a single place. Responsible gambling is a cornerstone in everything we do at Playtech and our ambition is to build a safer and more sustainable global gambling industry for all. A New Era of Innovation About Us V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 006
  • 7. Key messages 01 • Unified brand for all responsible / Safer Gambling products, services and thought leadership • Playtech Protect brings together all of Playtech’s Safer Gambling and compliance technology, tools, services and research • Playtech is the only technology provider in the industry that can offer such a comprehensive set of Safer Gambling and compliance tools • As part of Playtech Protect, Playtech is continuing to invest in developing the most innovative Safer Gambling tools, player engagement software and leading industry research into sustainable game design • Playtech Protect is designed to offer a one stop shop for all operators Safer Gambling and Compliance needs – allowing them to deliver an industry leading, compliant and sustainable offering in any market About Us V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 007
  • 8. Core part of Playtech’s strategy 01 • As a technology leader in the gambling industry, part of Playtech’s core strategy is to leverage its expertise, experience, and technology to help build a sustainable, safe and ‘entertainment first’ industry – building an industry that will be commercially attractive for years to come • As a key technology partner to our licensees Playtech’s role is to anticipate and answer the key tech challenges our partners face – Playtech Protect answers all our partners Safer Gambling & Compliance needs • Playtech Protect is one of the key pillars of Playtech’s Sustainable Success strategy – the goal of which is to consolidate Playtech’s position as a global leader in safer products, data analytics and player engagement solutions About Us V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 008
  • 9. Brand Logo 03 Our logotype and symbol is created to visualise our identity and commitment to powering safer gambling solutions. The heart, soul, and center of our brand identity. V E RSION 2.0 UPDAT E D APRIL 2021 PLAYTECH PROTECT STYLE GUIDE
  • 10.
  • 11. The brand logo identifies the Playtech Protect brand as a whole. This logo is a carefully created piece of locked artwork that should not be altered in any way. Primary Lockup .75” or 50px MINIMUM SIZE This version is not intended for extremely small sizes. The minimum height is .75” for print applications and 50px for digital applications. Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 011
  • 12. Each brand logo lockup has several colour variations for use on different background types, tones, and colours. When in doubt, use the most legible version of the logo for the available background. For printed executions, special care should be given to ensure logo legibility on the final media or material used. Icon: Full-Colour Wordmark: Dark Playtech Icon: Greyscale Dark Wordmark: Black Icon: Full-Colour Wordmark: Dark Playtech Icon: Greyscale White Wordmark: White Colour Variations Full-Colour, Dark Greyscale, Dark Full-Colour, Light Greyscale, Light Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 012
  • 13. Trying to fit the same mark simultaneously on a billboard and on the bottom of an espresso cup is a challenge. Our identity system is designed for flexibility, consistency, and brand recognition. We have provided different logo lockups that should cover every space imaginable. Instead of trying to fit a logo into a space that is too small or crowded, simply use a different version for maximum visual impact and clarity. When using the icon-only mark, ensure that our brand name is visible near or in relationship with the icon. For example, an espresso cup bearing the icon design on the inside of the cup should have a hang tag or box which displays our brand name legibly. This will help reinforce our brand recognition across multiple touchpoints. A Scalable Identity System VERTI C AL LOCKUP PRIMARY LOCKUP ICO N-O NLY WO RD MAR K LO CKUP Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 013
  • 14. Maintaining optimal and minimal logo sizing is vital to the legibility of the mark and overall brand recognition. The execution will often dictate the right logo size. But in order to maximise legibility, try to use the largest size (within reason) for each logo version listed. In some circumstances, it may be acceptable to use the minimum size. Never reproduce our logos smaller than the minimum sizes listed on this page. Logo Size Minimum Sizing WO RD MAR K Minimum height is .25” for print and 18px for digital applications. .75” 50px .75” 50px 1.5” 100px .75” 50px ICO N Minimum height is .75” for print and 50px for digital applications. PRIMARY LOCKUP Minimum height is .75” for print and 50px for digital applications. VERTICAL LOCKUP Minimum height is 1.5” for print and 100px for digital applications. Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 014
  • 15. Clear space, or negative space, is the area that surrounds the logo that is completely clear of any other graphical element. Clear space helps the logo stand out from the rest of the elements on the page and ensures legibility, even at small sizes. As a general rule, the more clear, or negative, space around the logo, the better. At a minimum, there should be clear space equal to the height of the Playtech Protect icon on all four sides of the logo. Using an element from the logo as a unit of measurement ensures enough clear space at any size. Clear Space ICON HEIGHT All versions of the brand logo include an icon element (highlighted in red). Each version of the logo uses its own icon size to determine clear space. Alternate Logo Versions Visualised Clear Space Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 015
  • 16. Contrast is the name of the game when considering placing the logo on any background. Our logo should not only be legible; it should also make a clear, strong statement when used. If there is not enough contrast between the logo and the background, the presence of the logo is weakened. Background Control The full-colour version of the logo may only be used on the Dark Playtech or Sustainable white solid-colour background. Use the dark or light version to achieve maximum contrast. Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 016
  • 17. Placement of the logo on canvas is vital to a consistent visual style. Where our logo is placed communicates a great deal about our brand’s visual style. In this chapter, you will find high-level guidance on how the logo should be positioned on a variety of touchpoints and media. As a general rule, our logo should not be centered in an area. We typically favor a left-aligned layout with the logo aligned to the primary grid line—the spine. Exceptions to this rule will inevitably surface. When in doubt, connect with a member of our team to review your situation. Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 017
  • 18. On The Page Place the logo left-aligned on the primary grid line. If this space is not available, the logo belongs in the top or bottom left page corners. Specific stationery layouts are provided in the Brand Collateral section of this document. Placement Sapidus non nus. Occuptas mil id mos experibus as dolorpo ssequistem quo tenimag nimusa quiberspel illaborae estibus apicae re paribus, nus is aut magnis ditis ditati incitat emporesti omnis quam rae quia quos culluptat ut vollibus pra sunt eium arciur soles ex ex est ut aut velloreped quis voles quam, cum et quibus que des simusciaecti dolesti blaborp oreius exero ea cum quuntur, ipsaecati corem simus rem. Itati consent lament est laut es ut ut as ma nos rem lacea verepud andebit fugiam, nitaecum nam quam voluptios et mod ut rectet am verferum exces re ipienem re dem. Harum quis ut aceste rem quiant audisin re volore officipit illigenis dit volorro restiatem non praecus andel ipsum dia quam que essed exceperiatem ipit lab in rem inctatur, omnis pa core sedipsus dunt. Ent. Ed es doluptatur aut veliquoditia quo dolendigenis elique ma qui as molenihil iniendis sum ea non ped ut qui sed ma sundus quae prat ilitaqu atibus, quidentorum doles el ipicitias et lam is everibus a se conserio omnime nisquiam quam et videlectione aut poresserum et ilignatquas earciat. Odi vit ex et quae. Taeruntectem eum reius, omnis solupti aeritiae simus quatisque comnis ped quostia volesti untur, cust hilibus am sedianis id enihilit rendestium entiani enduciditiur rectur, consed es sunt et evera velliquiae non es doluptaessit volor a prehento vollorem labo. At. Sequam volorer ibusdae natem iusam, quae. Ria quunt, ut ut fuga. Sunt. Sapidus non nus. Occuptas mil id mos experibus as dolorpo ssequistem quo PREFERRED Align the logo to the primary grid line (referred to as the spine). The primary lockup looks best when left-aligned. ALT E RNAT E O P T IO NS Align the primary lockup to the left corners. If the layout dictates a centered or right-aligned mark, use the icon or vertical lockup. Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 018
  • 19. On Social Media When used as social media avatars, the icon-only logo should be used with the right amount of clear space on all sides. We have developed two approved avatar images found here on this page. They are each approved for both circular and square avatars shapes of all sizes. While the layout of these avatars should not be altered in any way, approved secondary brand colours may used to address special events, holidays, and seasonal changes. Placement ICO N AVATA R Preferred avatar for use on all platforms. All approved colour combinations may be used. WO RD MAR K AVATA R All approved colour combinations may be used. The wordmark must be visually centered, not mechanically. Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 019
  • 20. Do not place the logo on a high- contrast pattern or busy photograph. Do not change the layout or relationship between logo elements. Do not encroach on the required clear space surrounding the logo. Do not stretch, squash, skew, or distort the logo in any way. Do not edit the logo colour, use an off- brand colour, or reduce the logo opacity. Do not add graphic effects to the logo, including drop shadows. Common Errors Note: This is not a comprehensive list of errors. These are simply the most common or egregious errors. Coffee from: Thank you! Brand Logo V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 020
  • 21. Brand Colours 04 The colours we’ve chosen for our brand is a key factor in differentiation and brand recognition. As such, it is vital that our colours are reproduced faithfully and combined in the right way. This section covers these guidelines in detail. Any colour outside of those outlined within this section will be considered unauthorised. Colour sets us apart & helps to invoke emotion. V E RSION 2.0 UPDAT E D APRIL 2021 PLAYTECH PROTECT STYLE GUIDE
  • 22. The consistent use of colour is vital to effective brand recognition. Our brand should always be represented in one of the colours on this page, aside from specific recommendations within this guide. Do not use any other/unauthorised colours. Use of the Pantone Matching System is highly recommended to ensure colour consistency across any and all touchpoints. If Pantone colour matching is not available or out of budget, please take great care to match the hues above precisely. We prefer a natural matte/uncoated paper stock, so always match to the Uncoated Pantone book. Primary Colour Palette Dark Playtech Protect Blue Protect Green CMYK: 100, 100, 37, 56 RGB: 30, 0, 61 HEX: #1e003d CMYK: 95, 90, 27, 18 RGB: 49, 49, 102 HEX: #313166 Sustainable White CMYK: 0, 0, 0, 0 RGB: 255, 255, 255 HEX: #ffffff CMYK: 64, 0, 51, 0 RGB: 0, 228, 166 HEX: #00e4a6
  • 23. Black and white are vital components to the brand palette. Whenever possible, avoid true black and true white in favor of these subdued tones. Both white and black are used to define space on the page, on the package, and on the website. Create high contrast by combining both: perfect for legible typography. This guide serves as an excellent example of this. We recommend an expansive use of negative space in brand executions, which can be created using either white or black. Using White & Black Sustainable White CMYK: 3, 2, 2, 0 RGB: 243, 243, 243 HEX: #f3f3f3 Midnight Black CMYK: 75, 64, 68, 77 RGB: 23, 29, 26 HEX: #171d1a Brand Colors V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 023
  • 24. Typography 05 Few things communicate the look and feel of a brand more clearly than the way letters, numbers, and symbols are put together. We believe typography should strike a balance between legibility and interest. This section will cover approved typefaces, the way we use typography to communicate clearly, and some helpful usage tips. Any typeface not referenced in this section will be considered unauthorised for use. We are obsessed with the beauty of typography. V E RSION 2.0 UPDAT E D APRIL 2021 PLAYTECH PROTECT STYLE GUIDE
  • 25. We have one typeface family - Helvetica® Now - that has been selected to provide clarity, simplicity and neutrality, used for, titles, subtitles and running text. Helvetica Now comprises 48 fonts, consisting of three distinct optical sizes: Micro, Text and Display. Each one has been carefully tailored to the demands of its size. The larger Display Clarity, simplicity, neutrality. Helvetica Now versions are drawn to show off the subtlety of Helvetica and spaced with headlines in mind, while the Text sizes focus on legibility, using robust strokes and comfortably loose spaces. The Micro designs are simplified and exaggerated to maintain the impression of Helvetica in tiny type, and their spacing is loose, providing remarkable legibility at microscopic sizes and in low-res environments. Typography V E RSION 2.0 025 PLAYT E CH PROT E CT ST YL E GUIDE
  • 26. Weights Helvetica Now - Light Helvetica Now - Regular Helvetica Now - Medium Helvetica Now - Bold aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ 0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ 0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ 0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ 0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº Hierarchy & Weight Helvetica Now is a variable-weight typeface, with 48 weights in total. That being said, we typically stay within these four weights. Use contrast between heavy and lighter weights to communicate relevant importance, otherwise known as hierarchy, of information. Typography V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 026
  • 27. Legibility and clarity are vitally important to great typographical layouts. Since most people read from left to right, we should align our type accordingly. And besides, we’re a little off-center as a brand anyway. Whenever you place text next to each other, either align the baselines (the line that the bottom of a lowercase x sits on) or align the x-heights (the top of a lowercase x). This helps align each line visually. Negative space, or the space around elements is vitally important. That being said, if informational elements belong together, move them closer together. Use grouping wisely: just try not to cram too many things in one space! Contrast is the name of the game when it comes to great design. When in doubt, skip a weight when pairing two weights, and double the size between two text elements. When setting paragraphs, keep an eye on the right (ragged) edge. If the rag unintentionally creates a recognisable shape, consider tweaking the language or resizing the container. Also, try to prevent single-word lines (orphans). It is easy for the user to get lost in long lines of text, and short ones are easily ignored. It’s best to keep lines between 45 and 70 characters long, depending on the size of the font. This will ensure legibility as the font sizes increase or decrease. Using Type 01 03 05 02 04 06 Stay Left-Aligned, Rag Right Align X-Heights or Baselines Give Things Space, If Needed Skip Weights & Double Size Watch The Rag Keep Line Length Reasonable The Six Type Rules When constructing layouts, these tips will help you build dynamic, interesting, and on- brand compositions with typography. While these rules are proven and sound, sometimes breaking them is the right call. Typography V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 027
  • 28. Weight: Helvetica Now Light Size: 18px Line Height: 26px Colour: Grey Bottom Margin: 16px Weight: Helvetica Now Medium Size: 30px Line Height: 36px Margins: 20px, 0 Padding: 0, 0, 0, 40px Border (Left): 3px Weight: Helvetica Now Medium Colour: Green Underlined Omnimus cuscilit que ea volesto et, sitatur minum rae. Et expel inctae rerum ea que omnima consedit maio conet, venimaximi, corepel iquunt volorpos quam, si quos intiusciate sitas millabo reicita tiissimus explantecab imet doluptati delit, sequiandit, aperfernam, officiisti dolorerate rerchil eaquassequid ut dolendit aciet officiatur am debis sum simporem nit, ut ut fuga. At fugit dent, suntur, consenim ad undae. Necta cus quodior iandund andionsed ut remque sinctotatur amus. Aximo quis veni dolupta spiet, sit harunto eum illor arumquas et aut pliquae necum liquam quam fugit quam enecus, sundiam, odit laboreptas qui aci cus, omnia qui doluptam in coreribus ellaccus. Dolut venis pre aboreri berions edicius doluptat rehendi omnihicitas quasperum ex esed magnatur magniet acerio con re doluptate sum iume vendi que repudae ctibus dero occae venim si ilique eum numet accae delestrume officia inti Met prepudi piderovid estio magnat adit offictet as aut dolori acerspedis Dolorro videnis poresequi doluptat liasita tincium debit, seque landae ligenda musdae verum haria doluptassi sendera velliquas dolla quatur, ut et postisquasin necuscipsam volesci mendae et inctem eos sundi reptaquia porepudio inctem quatio molectasped molorpos esci nimet odi doluptatur, nulpa porum. Quatia dolum alique es asped es aliquam, qui ducimus andunte volorendam ressitempos corrum ratur? Harita sequam inctotate volupisit veni doloriam dolut a por ad ut lam non pliquam eum ad quodit explique Digital Type Max Width: 700px PARAGRAPH STRONG OR BOLD BLOCK QUOTE TEXT LINKS Body Text The root body text size, line width, line height, and tracking are set to enhance visibility and legibility on all screens. Certain typographic situations specific to digital type like block quotes and text links are also outlined on this page. Typography V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 028
  • 29. Header Line The line style roots the header text and provides framing and structure to a page. The line should always follow the rules shown; Max width is always the width of the first two letter. Line Weight is always the same weight as the typeface used. Line Spacing is always equivalent to the weight of the line. Header Text Header Text Max Width: First two letters Max Width: First two letters Line Weight: Same weight as typeface Line Spacing: Equivalent to line weight Line Weight: Same weight as typeface Line Spacing: Equivalent to line weight Text Styles Typography V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 029
  • 30. Visual Style 06 While brand consistency relies heavily on logo usage, colour, and typography, we recognise that these are not the only elements within a brand identity design system. This section contains guidelines on grid usage and references to approved visual elements like icons, illustrations, patterns, frames and more. Ingredients for on-brand layouts and composition V E RSION 2.0 UPDAT E D APRIL 2021 PLAYTECH PROTECT STYLE GUIDE
  • 31. Grids Letter Portrait orientation grids are typically four- columns, with generous margins that reflect the golden section. The type area is always off-center, with the largest margin on the left side of the page. Gutters are typically one unit of measurement in comparison to the margins. MAR GINS Generous margins set our stationery materials apart. We don’t waste space with unnecessary filler. UN ITS O F ME ASUR E ME NT Units of measurement can change depending on the desired layout. The ratio between them is the most important element. MO USE T YP E If desired, mouse type or other small related elements can be set outside of the primary grid area. 8 UN ITS 5 UN ITS 5 UN I T S 1 UN I T 1 UN I T 1 UN I T 3 UN I T S Visual Style V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 031
  • 32. Grids Presentation Landscape orientation grids are typically 12-columns, with equally generous margins that reflect the golden section. The type and content area is off-center, with the largest margin on the left side of the screen/page. Gutters are typically one unit of measurement when compared to margins. 8 UN I T S 5 UN I T S 3 UN ITS 1 UN I T 5 UN ITS EXAMPLE This guide is an excellent example of how we use the presentation grid. Take note of how elements are aligned within columns. Visual Style V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 032
  • 33. Grids Website In order to maximise compatibility across all devices and to ensure flexibility of layout, the website grid is symmetrical and centered in the browser. On the desktop version of the grid, there are 12 full columns. The number of columns decrease as the browser window gets smaller, until finally arriving at a single column layout on mobile devices. Gutter widths and side margins are calculated as a percentage of the user’s window size, and vary depending on column quantity. There are no top and bottom margins. 6 % S I D E M A R G I N 6 % S I D E M A R G I N Visual Style V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 033
  • 34. Elements Shapes Drawing inspiration from the indentity, several standard and abstract geometric shapes can be used in graphic compositions in a variety of ways. Use the shapes on this page as inspiration to create new elements. Playtech Protect shapes should strictly be in green, white, glass, metal or concrete. ABSTRACT POLYGONS The shapes above can be used as pattern elements, frames, and many other graphic elements. Visual Style V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 034
  • 35. Compositions We have developed a story around a visual style that is approved for usage as backgrounds, in print materials, and for the web. The idea behind the compositions is to represent the complexity and thinking behind a new era of innovation in responsible gambling and consumer protection. These images are to be used as cover imagery, title pages and/or slides, banners and social media posts. Visual Style V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 035
  • 36. Photography 07 A great photograph can change the entire trajectory of our business. In other words, photography is vital to the success of our brand and should be treated as an essential part of our brand executions. In this section, you will find guidelines on tone and usage. Standardising these facets of photography will ensure a consistent look and feel across our entire image library. Photographs: worth more than 1,000 words. V E RSION 2.0 UPDAT E D APRIL 2021 PLAYTECH PROTECT STYLE GUIDE
  • 37. Powering, Pioneering, Innovating. Photographs should feel clean, techy, and dynamic. We strive to use a powering, Pioneering, and Innovating tone. The content of each photograph should always seek excellent lighting that provides contrast between highlights and shadows, even if the light source is simply an open window. Photos should also reflect our primary colour palette and logo symbol. Tone Photography V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 037
  • 38. In Closing 09 Though we’ve come to the end of this guide, this is only the beginning of our journey. In this section, you will find details on our approval process, several points of contact within the brand department, and a warm thank you note. Why? Because we care. Everything we forgot to mention before this. V E RSION 2.0 UPDAT E D APRIL 2021 PLAYTECH PROTECT STYLE GUIDE
  • 39. Approvals As previously stated, this guide is not a comprehensive list of rules. We recognise the creative journey is full of twists and turns. New approaches, new trends, and changes in technology will inevitably have an effect on our brand and the way we execute it visually. That being said, we insist that any brand execution follow the guidelines listed within. Anything outside of these guidelines must be approved by an authorised representative from Playtech. Outside approvals may be submitted electronically by emailing the concept to Dan Moutia, Lead Designer, at hi@playtech.com. Questions prevent mishaps: If you have a question about the use of our brand materials, please do not hesitate to ask! Closing V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 039
  • 40. File Types The files provided with this guide generally fall into two types: raster and vector files. While both can be used for most applications, typically one is more suited, depending on the usage intent. Raster Files Raster files are comprised of a grid of pixels. These types of files always have a set resolution and size. Once you increase the size past its predetermined size, the quality decreases. You’ve probably seen this before: images begin to appear pixel-lated if they’re pushed too far. Graphics, like the brand logo, can be exported in raster versions. Photographs are always raster files. Raster files are typically used for web graphics and digital executions. When used in print applications, you must ensure that the file exceeds the minimum DPI (dots per inch) of 150DPI, or risk a low-quality print. Typically, raster files end with .jpg, .png, .gif, and .psd. They are easy to open and apply. Vector files Vector files create their shapes by mathematical equations between anchor points. Since they are crafted by ratios, and not a grid of coloured squares, vector images can be infinitely scaled. Graphics, like the brand logo, are typically created as vector files. Illustrations, iconography, and many of our simple shapes and graphic elements are created as vector files. The limitations of vector files lie in their strengths: because each relationship is an equation, complex items, gradients, photographs often make vector file sizes too large. Raster images are more efficient in those situations. Vector files are typically used for printing or producing the logo or other graphics in most forms. If you’re ever asked for a high- resolution logo file, send a vector file. Typically, vector files end with .ai, .eps and .svg. Without special programs, these files will be difficult to open. Closing V E RSION 2.0 PLAYT E CH PROT E CT ST YL E GUIDE 040
  • 41. Thank you. From everyone at Playtech, thank you for your attention to detail, your unwavering support, and your commitment to making our brand vision a reality for so many people. Building a brand is like raising a child: it takes a village. Without you, we would not exist. To all of our vendors, creative teams, and outside consultants: we are here for you. If you need any help with our brand at all, especially when working on a brand execution, please do not hesitate to reach out to our team at hi@Playtechcoffee.com. Closing V E RSION 2.0 041 PLAYT E CH PROT E CT ST YL E GUIDE