-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsection_logo.html
139 lines (134 loc) · 6.04 KB
/
section_logo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<div class="row">
<div class="columns four">
<h1>Logo</h1>
<p class="summary">
The IGT logo is iconic and distinct. It signals a consistent foundation — maintaining brand equity
while reinforcing our brand leadership, authenticity, and reliability. The IGT logo works across
all media.
</p>
</div>
<div class="columns eight">
<!-- New Section -->
<h2>Preferred Treatment</h2>
<p>
The IGT logo should work across all media. The style you choose will depend on the environment in which
the logo appears. To ensure the expression of the logo is right for its context. So whether the IGT logo
appears in print, on screen, or on a product, you have flexibility to adapt the logo to its appropriate
design context.
</p>
<div class="row">
<div class="columns six">
<h3>4 Color</h3>
<p><img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_1.gif" width="100%" /></p>
<h3>4 Color Reversed</h3>
<p><img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_3.gif" width="100%" /></p>
</div>
<div class="columns six">
<h3>1 Color</h3>
<p><img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_2.gif" width="100%" /></p>
<h3>1 Color Reversed</h3>
<p><img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_4.gif" /></p>
</div>
</div>
<!-- New Section -->
<h2>Logo Standards</h2>
<div class="row">
<div class="columns six">
<h3>Clear Space</h3>
<p><img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_5.gif" width="100%" /></p>
<p>
To preserve the integrity and visual impact of the IGT logo, always maintain adequate clear space
around it. The clear space around the logo is an integral part of its design, and ensures the logo
can be seen quickly, uncluttered by other logos, symbols, artwork, or text.
</p>
</div>
<div class="columns six">
<h3>Maximum Size</h3>
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_6.gif" width="100%" /><br />
<small>Maximum Size with Trademark: 4"</small>
</p>
<p>
Too big, too much. When using the IGT logo in large-scale formats, it is important only to include
the trademark TM symbol up to 4". Anything larger and the trademark symbol will begin to compete
against the mark itself.
</p>
</div>
</div>
<h3>Minimum Size</h3>
<div class="row">
<div class="columns eight">
<p>
When reproducing our logo, consider its size and legibility. A logo that is too small ceases to serve
its communicative function. The minimum size for the IGT logo measures 3/4" or 19.05mm. To determine
the minimum size on-screen, first take into account the screen resolution. For example, on a 96 dpi
flat panel display, the logo must measure at least 75 pixels wide; on a 400 dpi cellphone screen, the
logo must measure at least 300 pixels wide.
</p>
</div>
<div class="columns four">
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_7.gif" width="100%" /><br />
<small>Logo minimum size with trademark™ symbol: 1"</small>
</p>
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_8.gif" width="100%" ><br />
<small>No trademark™ symbol usage: 3/4" or smaller for on-screen applications</small>
</p>
</div>
</div>
<!-- New Section -->
<h2>Placement</h2>
<p>
Proper placement and use of clear space protect the integrity of our logo. In all our collateral, the IGT
logo is used as the one of our primary branding elements.
</p>
<p><img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_9.gif" width="100%" /></p>
<!-- New Section -->
<h2>Don’ts</h2>
<div class="row">
<div class="columns four">
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_10.gif" width="100%" /><br />
<small>Don’t apply gradients, drop shadows or other effects to the logotype</small>
</p>
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_13.gif" width="100%" /><br />
<small>Don’t compress the logo</small>
</p>
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_16.gif" width="100%" /><br />
<small>Don’t apply arbitrary colors</small>
</p>
</div>
<div class="columns four">
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_11.gif" width="100%" /><br />
<small>Don’t create logo “lockups” by adding text in close proximity to the logo</small>
</p>
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_14.gif" width="100%" /><br />
<small>Don’t warp the logo</small>
</p>
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_17.gif" width="100%" /><br />
<small>Don’t attach any additional text or symbol to the logo</small>
</p>
</div>
<div class="columns four">
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_12.gif" width="100%" /><br />
<small>Don’t stretch the logo</small>
</p>
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_15.jpg" width="100%" /><br />
<small>Don’t place the logo over busy photographic backgrounds</small>
</p>
<p>
<img class="lazy" src="/IGTSitecore/BrandAssets/images/brandimage_logo_18.gif" width="100%" /><br />
<small>Don’t place the logo in a holding shape</small>
</p>
</div>
</div>
</div>
</div>