forked from synrc/synrc.com
-
Notifications
You must be signed in to change notification settings - Fork 1
/
brandbook.htm
225 lines (165 loc) · 8.3 KB
/
brandbook.htm
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<html>
<head>
<link rel=stylesheet type="text/css" href="//synrc.com/synrc.css">
<meta name="Author" content="5HT">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:image" content="images/s_64.png"/>
<meta http-equiv="X-UA-Compatible" content="IE=IE10,chrome=1" />
</head>
<body>
<div class="nonselectedwrapper white" style="padding: 10px 0px 10px 0px;margin: 0px 0px 10px 0px;">
<a href="//synrc.com/">
<img style="float:left; margin-left: 55px; margin-top: 5px; margin-bottom:-5px;" src="//synrc.com/images/synrc.png" border="0"></a>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" style="display:none;margin-top:39px;">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="P8WQHAQK5HWWW">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" style="width:74px;margin-top:0px;">
</form>
<div align=right style="float:right;width:700px;height: auto; margin: 20px 50px 0px 0px;">
<script type="text/javascript">
var args = (window.location).toString().split('/');
var page_name = args[args.length-1];
var menu = {'//synrc.com/index.htm': 'Home',
'//synrc.com/research.htm': 'Showcase',
'//synrc.com/apps/': 'Apps',
'//synrc.com/feedback.htm': 'Contacts' };
Object.keys(menu).forEach(function (key) {
if (page_name == key) { document.write('<div class="menu" style="font-weight: bold;">'+menu[key]+'</div>'); }
else { document.write('<a class="menu" href="'+key+'">'+menu[key]+'</a>'); }
});
</script>
</div>
</div>
<hr size="1">
<div class="nonselectedwrapper">
<div class="article">
<div class="smallcol">
<img src="images/s_64.png">
</div>
<div class="articlecol">
<h2>Brand Book</h2>
<p>Brand book is a vital tool for identifying the brand and is the peak of corporate identity.
Brand is a clear identification of product or company which is well thought-out.
Synrc brand-book defines vector color and monochrome logotype,
variants of typing and spelling, Web and print colors, template
documents for LaTeX, Word and PowerPoint and more.</p>
<h3><a name="brand">Logotype</a></h3>
<img src="images/synrc-vector.png">
<p>Synrc brand logo uses Palatino Linotype font with
<b class="logo_font"><font color=black>yn</font></b> digraph.
Blue <b class="logo_font"><font color=#0033cc>syn</font></b> part of logo means root of
the most words in science context: synergy, synthesis, synopsis,
syndicate, synthetic, sync, syntax, synonym, synapse and many others.
Red <b class="logo_font"><font color=red>rc</font></b> stands for
<b class="logo_font"><font color=black>research center</font></b> acronym.
Those are the Synrc brand essences. But Synrc itself also means self explained given
name of company and may not be treated as acronym.
So it is correct to name it Synrc Research Center.</p>
<p><a href="images/synrc_print.ai">Download vector logotype in PDF</a></p>
<h3><a name="fonts">Fonts</a></h3>
<p class="logo_font" style="margin-top:20px; line-height: 28pt; font-size:20pt;">Palatino Linotype<br>
<b><font color="#0033cc">syn</font><font color="#ff3333">rc</font> research center</b></p>
<p style="margin-top:20px; font-size:20pt;">Nokia Pure Text<br>
Synrc Sesearch Center</p>
<h3><a name="colors">Colors</a></h3>
<p>Blue and red colors refer to cold and warm parts of the spectrum dividing the Synrc
word in the golden proportion.</p>
<p>Blue and red colors for Web are simply:</p>
<table cellspacing=10>
<tr height="100">
<td width=110 bgcolor=#0033cc align=center valign=center><font color=white>RGB<br>#0033cc</font></td>
<td width=110 bgcolor=RED align=center valign=center><font color=white>RGB<br>#FF0000</font></td>
</tr>
</table>
<p>Blue and red colors for print are defined as:</p>
<table cellspacing=10>
<tr height="100">
<td width=110 bgcolor=#155aa9 align=center valign=center><font color=white>CMYK<br>93 58 18 2</font></td>
<td width=110 bgcolor=#EF3B39 align=center valign=center><font color=white>CMYK<br>0 92 83 0</font></td>
</tr>
</table>
<p>Note that Web colors are not for printing and print colors are not for Web.</p>
<h3><a name="mono">Monochrome</a></h3>
<p>In monochrome environments the Synrc logo is used as follows:</p>
<img src="images/synrc-mono.png" width=290 border=1>
<img src="images/synrc-mono-reverse.png" width=290>
<p>The Synrc logo on black background may be used only in black and white variant.</p>
<p>Blue and red colors for monochrome Web and print modes are:</p>
<table cellspacing=10>
<tr height="100">
<td width=110 bgcolor=#333333 align=center valign=center><font color=white>RGB<br>#333333<br>CMYK<br>69 63 62 58</font></td>
<td width=110 bgcolor=#999999 align=center valign=center><font color=white>RGB<br>#999999<br>CMYK<br>43 35 35 1</font></td>
</tr>
</table>
<h3><a name="pad">Padding</a></h3>
<p>When logotype is used in environments the outline padding should be used.
For every side padding value should be 1/17 of logotype width.
Where logotype width is defined as distance between
the left edge of capital S and right edge of very right dot near C.</p>
<!--img src="images/padding.png"-->
<h3><a name="square">Square Banner</a></h3>
<p>The Synrc square logo in avatar or userpic context shows capital S on blue circle:</p>
<img src="images/s.png">
<p>This variant is used only in square placeholders.</p>
<h3><a name="form">Formatted</a></h3>
<p>In a text document supporting
advanced formatting language,
<b class="logo_font"><font color="#0033cc">syn</font><font color=red>rc</font><font color=black> research center</font></b>
or <b class="logo_font"><font color="#0033cc">syn</font><font color=red>rc</font><font color=black></font></b>
should be written in lowercase with Palatino Linotype font. This spelling used
mostly in promotions and internal documents.</p>
<h3><a name="ascii">ASCII</a></h3>
<p>In a plain-text documents Synrc Research Center (or Synrc) should
be written with the first letters capitalized. This
spelling is intended for external documents and media.</p>
<h3><a name="usage">General usage</a></h3>
<p>The Synrc logo and Synrc square logo should be used only in square or
rectangle proportional placeholders. Using Synrc logotypes in other
environments or within bounding text are not eligible and should be prohibited.
Violating font hints, padding rules and colors usage cases are also
automatically denying Synrc logotypes eligible usage.</p>
</div>
<div class="smallcol last">
<h2>TOC</h2>
<p>
<a href="#brand">Logotype</a><br>
<a href="#fonts">Fonts</a><br>
<a href="#colors">Colors</a><br>
<a href="#mono">Monochrome</a><br>
<a href="#pad">Padding</a><br>
<a href="#square">Square banner</a><br>
<a href="#form">Formatting</a><br>
<a href="#ascii">ASCII</a><br>
<a href="#usage">General usage</a>
</p>
</div>
</div>
</div>
<div class="clear"></div>
<div class="nonselectedwrapper">
<div class="verywidecol">
<div style="width:100%;height:300px;float:left;font-size:16pt;" align=center>
<hr size=1>
<br><br><br>
<a href="//synrc.com/news/index.htm">Events</a> |
<a href="//synrc.com/privacy.htm">Privacy Policy</a> |
<a href="//synrc.com/feedback.htm">Feedback</a> |
<a href="//synrc.com/brandbook.htm">Brandbook</a><br>
Copyright © 2005–2018 <a href="//synrc.com/index.htm"> Synrc Research Center s.r.o.</a>
</div>
</div>
</div>
<div class="clear"></div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29227518-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript" src="//synrc.com/hi.js"></script>
</body>
</html>