our-brand.html 15.7 KB
Newer Older
Boris Budini's avatar
Boris Budini committed
1
2
3
---
layout: page
---
Dejvid Sherri's avatar
Dejvid Sherri committed
4
5
<section >
  <div class="port-header"></div>
Boris Budini's avatar
Boris Budini committed
6
7
  <div class="container">
    <!-- General notes -->
Boris Budini's avatar
Boris Budini committed
8
    <div class="section-title ">
Boris Budini's avatar
Boris Budini committed
9
10
      <h3 class="sub-title wow pixFadeUp">Read me first</h3>
      <h2 class="title wow pixFadeUp" data-wow-delay="0.3s">General notes</h2>
sidorelauku's avatar
sidorelauku committed
11
      <p>Here you can find our logos and information regarding our visual identity, as well as some guidelines. If you have any doubt or questions regarding your reuse of our assets, please <a href="/our-virtual-office">get in touch with us</a>.<br> General rule is: in case of any doubt on how to use these assets, just ask us, we won't bite :)</p>
Boris Budini's avatar
Boris Budini committed
12
13
    </div>
    <!-- Naming convention -->
Boris Budini's avatar
Boris Budini committed
14
    <div class="section-title">
Boris Budini's avatar
Boris Budini committed
15
16
17
      <h2 class="title wow pixFadeUp" data-wow-delay="0.3s">Naming</h2>
      <p>Our name is written "Cloud68.co", with a capital C and  without a space before the number 68 and with the .co domain specification.</p>
    </div>
18
    <!-- Slogan -->
Boris Budini's avatar
Boris Budini committed
19
    <div class="section-title">
Boris Budini's avatar
Boris Budini committed
20
      <h2 class="title wow pixFadeUp" data-wow-delay="0.3s">Slogan</h2>
21
22
      <p>Our slogan is: Reliable Open Source Digital Infrastructure</p>
    </div>
Boris Budini's avatar
Boris Budini committed
23
24
25
  </div>
</section>

Iris Kurti's avatar
Iris Kurti committed
26
27
28
29
30
31
32
33
34
    <!--Fonts-->
    <section >
      <div class="container">
        <div class="section-title ">
          <h2 class="title wow pixFadeUp" data-wow-delay="0.3s">Font</h2>
          <p>Our 'official' font is Poppins. It is released under <a href="https://www.fontsquirrel.com/license/poppins" target="_blank">SIL Open Font License</a>.</p>
        </div>
      </div>
    </section>
Boris Budini's avatar
Boris Budini committed
35

Iris Kurti's avatar
Iris Kurti committed
36
<!--Logos-->
Dejvid Sherri's avatar
Dejvid Sherri committed
37
<section >
Boris Budini's avatar
Boris Budini committed
38
  <div class="container">
Boris Budini's avatar
Boris Budini committed
39
40
    <div class="section-title ">
      <h2 class="title wow pixFadeUp" data-wow-delay="0.3s">Logos</h2>
41
      <p class="wow pixFadeUp" data-wow-delay="0.3s">Our logo, used in our sites was initially designed by <a href="http://dribbble.com/kristicunga" target="_blank">Kristi Çunga</a>.</p>
Boris Budini's avatar
Boris Budini committed
42
43
    </div>
    <div class="row justify-content-center">
Boris Budini's avatar
Boris Budini committed
44
45

<!--------------------------------------------------------------------------->
Boris Budini's avatar
Boris Budini committed
46
      <div class="col-lg-4 col-md-6">
Boris Budini's avatar
Boris Budini committed
47

Boris Budini's avatar
Boris Budini committed
48
49
        <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
          <div class="member-avater">
Boris Budini's avatar
Boris Budini committed
50
            <img src="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68_Logo_L.svg" alt="Cloud68.co svg logo">
Boris Budini's avatar
Boris Budini committed
51
52

            <ul class="member-social">
Boris Budini's avatar
Boris Budini committed
53
54
              <li><a href="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68_Logo_Original_L.png"><p>PNG</p></a></li>
              <li><a href="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68_Logo_L.svg"><p>SVG</p></a></li>
Boris Budini's avatar
Boris Budini committed
55
56
            </ul>

Boris Budini's avatar
Boris Budini committed
57
58
59
<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
          <path fill-rule="evenodd" opacity="0.302" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
</svg>
Boris Budini's avatar
Boris Budini committed
60
61
62
63

          </div>

          <div class="team-info">
Boris Budini's avatar
Boris Budini committed
64
            <h4 class="job">Hover over the image to see downloadable formats</h4>
Boris Budini's avatar
Boris Budini committed
65
66
67
          </div>
        </div>
      </div>
Boris Budini's avatar
Boris Budini committed
68
69
<!--------------------------------------------------------------------------->

Boris Budini's avatar
Boris Budini committed
70
<!--------------------------------------------------------------------------->
Iris Kurti's avatar
Iris Kurti committed
71
<div class="col-lg-4 col-md-6">
Boris Budini's avatar
Boris Budini committed
72

Iris Kurti's avatar
Iris Kurti committed
73
74
  <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
    <div class="member-avater">
Boris Budini's avatar
Boris Budini committed
75
      <img src="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68-Logo-Vertical.png" alt="Cloud68.co svg logo" style="height: 133.667px;display: block;margin-left: auto;margin-right: auto;">
Boris Budini's avatar
Boris Budini committed
76

Iris Kurti's avatar
Iris Kurti committed
77
      <ul class="member-social">
Boris Budini's avatar
Boris Budini committed
78
79
        <li><a href="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68-Logo-Vertical.png"><p>PNG</p></a></li>
        <li><a href="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68-Logo-Vertical.svg"><p>SVG</p></a></li>
Iris Kurti's avatar
Iris Kurti committed
80
      </ul>
Boris Budini's avatar
Boris Budini committed
81
82

<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
Iris Kurti's avatar
Iris Kurti committed
83
    <path fill-rule="evenodd" opacity="0.302" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
Boris Budini's avatar
Boris Budini committed
84
</svg>
Boris Budini's avatar
Boris Budini committed
85

Iris Kurti's avatar
Iris Kurti committed
86
    </div>
Boris Budini's avatar
Boris Budini committed
87

Iris Kurti's avatar
Iris Kurti committed
88
89
90
91
92
    <div class="team-info">
      <h4 class="job">Hover over the image to see downloadable formats</h4>
    </div>
  </div>
</div>
Boris Budini's avatar
Boris Budini committed
93
<!--------------------------------------------------------------------------->
Iris Kurti's avatar
Iris Kurti committed
94

Boris Budini's avatar
Boris Budini committed
95
<!--------------------------------------------------------------------------->
Boris Budini's avatar
Boris Budini committed
96
      <div class="col-lg-4 col-md-6">
Boris Budini's avatar
Boris Budini committed
97

Boris Budini's avatar
Boris Budini committed
98
99
        <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
          <div class="member-avater">
Boris Budini's avatar
Boris Budini committed
100
            <img src="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68-Logo-Colors.svg" alt="Cloud68.co svg logo colors" style="height: 133.667px;display: block;margin-left: auto;margin-right: auto;">
Boris Budini's avatar
Boris Budini committed
101
102

            <ul class="member-social">
Boris Budini's avatar
Boris Budini committed
103
104
              <li><a href="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68-Logo-Colors.png"><p>PNG</p></a></li>
              <li><a href="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68-Logo-Colors.svg"><p>SVG</p></a></li>
Boris Budini's avatar
Boris Budini committed
105
106
            </ul>

Boris Budini's avatar
Boris Budini committed
107
108
109
<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
          <path fill-rule="evenodd" opacity="0.302" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
</svg>
Boris Budini's avatar
Boris Budini committed
110
111
112
113

          </div>

          <div class="team-info">
Boris Budini's avatar
Boris Budini committed
114
            <h4 class="job">Hover over the image to see downloadable formats</h4>
Boris Budini's avatar
Boris Budini committed
115
116
117
          </div>
        </div>
      </div>
Boris Budini's avatar
Boris Budini committed
118
119
<!--------------------------------------------------------------------------->

120
121
122
123
124
<!--------------------------------------------------------------------------->
<div class="col-lg-4 col-md-6">

  <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
    <div class="member-avater">
Boris Budini's avatar
Boris Budini committed
125
      <img src="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68_Logo_Gray_L.svg" alt="Cloud68.co svg logo gray">
126
127

      <ul class="member-social">
Boris Budini's avatar
Boris Budini committed
128
129
        <li><a href="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68_Logo_Gray_L.png"><p>PNG</p></a></li>
        <li><a href="https://git.cloud68.co/works/visuals/raw/master/Cloud68/Cloud68_Logo_Gray_L.svg"><p>SVG</p></a></li>
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
      </ul>

<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
    <path fill-rule="evenodd" opacity="0.302" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
</svg>

    </div>

    <div class="team-info">
      <h4 class="job">Hover over the image to see downloadable formats</h4>
    </div>
  </div>
</div>
<!--------------------------------------------------------------------------->

<!--------------------------------------------------------------------------->
<div class="col-lg-4 col-md-6">

  <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
    <div class="member-avater">
Boris Budini's avatar
Boris Budini committed
150
      <img src="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68_Cloud68-Logo-Vertical-grey_nogap.png" alt="Cloud68.co svg logo gray" style="height: 133.667px;display: block;margin-left: auto;margin-right: auto;">
151
152

      <ul class="member-social">
Boris Budini's avatar
Boris Budini committed
153
154
        <li><a href="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68_Cloud68-Logo-Vertical-grey.png"><p>PNG</p></a></li>
        <li><a href="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68_Cloud68-Logo-Vertical-grey.svg"><p>SVG</p></a></li>
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
      </ul>

<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
    <path fill-rule="evenodd" opacity="0.302" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
</svg>

    </div>

    <div class="team-info">
      <h4 class="job">Hover over the image to see downloadable formats</h4>
    </div>
  </div>
</div>
<!--------------------------------------------------------------------------->

<!--------------------------------------------------------------------------->
<div class="col-lg-4 col-md-6">

  <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
    <div class="member-avater">
Boris Budini's avatar
Boris Budini committed
175
      <img src="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68-LogoMark-Gray.svg" alt="Cloud68.co svg logomark gray" style="height: 133.667px;display: block;margin-left: auto;margin-right: auto;">
176
177

      <ul class="member-social">
Boris Budini's avatar
Boris Budini committed
178
179
        <li><a href="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68-LogoMark-Gray.png"><p>PNG</p></a></li>
        <li><a href="https://git.cloud68.co/works/visuals/-/raw/master/Cloud68/Cloud68-LogoMark-Gray.svg"><p>SVG</p></a></li>
180
181
182
183
184
185
186
187
188
189
190
191
192
193
      </ul>

<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
    <path fill-rule="evenodd" opacity="0.302" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
</svg>

    </div>

    <div class="team-info">
      <h4 class="job">Hover over the image to see downloadable formats</h4>
    </div>
  </div>
</div>
<!--------------------------------------------------------------------------->
Iris Kurti's avatar
Iris Kurti committed
194
    </div>
195

Iris Kurti's avatar
Iris Kurti committed
196
197
198
199
200
<!--Logo Guidelines-->
<section>
  <div class="container">
    <h2 class="title wow pixFadeUp" data-wow-delay="0.3s">Logo Guidelines</h2>
    <div class="text-center">
sidorelauku's avatar
sidorelauku committed
201
      <img src="/assets/img/Cloud68-Logo-guideline.jpg" alt="Cloud68.co logo guideline" width="50%">
Boris Budini's avatar
Boris Budini committed
202
    </div>
Iris Kurti's avatar
Iris Kurti committed
203
204
  </div>
</section>
Boris Budini's avatar
Boris Budini committed
205

Iris Kurti's avatar
Iris Kurti committed
206
<!--Colors-->
Dejvid Sherri's avatar
Dejvid Sherri committed
207
<section >
Boris Budini's avatar
Boris Budini committed
208
209
210
211
212
213
214
215
  <div class="container">
    <div class="section-title ">
      <h2 class="title wow pixFadeUp" data-wow-delay="0.3s">Colors</h2>
<!--      <p class="wow pixFadeUp" data-wow-delay="0.3s">Our logo, used in our sites was initially designed by Kristi Çunga.</p>-->
    </div>
    <div class="row justify-content-center">

<!--------------------------------------------------------------------------->
Boris Budini's avatar
Boris Budini committed
216
      <div class="col-lg-4 col-md-6">
Boris Budini's avatar
Boris Budini committed
217

Boris Budini's avatar
Boris Budini committed
218
219
        <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
          <div class="member-avater">
sidorelauku's avatar
sidorelauku committed
220
            <img src="/assets/img/60adff.png" alt="Cloud68.co main color">
Boris Budini's avatar
Boris Budini committed
221
222

            <ul class="member-social">
Boris Budini's avatar
Boris Budini committed
223
              <li><p style="color:white;">#60adff</p></li>
Boris Budini's avatar
Boris Budini committed
224
225
            </ul>

Boris Budini's avatar
Boris Budini committed
226
227
228
<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
          <path fill-rule="evenodd" opacity="0.0" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
</svg>
Boris Budini's avatar
Boris Budini committed
229
230
231
232

          </div>

          <div class="team-info">
Boris Budini's avatar
Boris Budini committed
233
            <h4 class="job">Primary color</h4>
Boris Budini's avatar
Boris Budini committed
234
235
236
          </div>
        </div>
      </div>
Boris Budini's avatar
Boris Budini committed
237
238
239
240
241
242
243
<!--------------------------------------------------------------------------->

<!--------------------------------------------------------------------------->
      <div class="col-lg-4 col-md-6">

        <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
          <div class="member-avater">
sidorelauku's avatar
sidorelauku committed
244
            <img src="/assets/img/662d91.png" alt="Cloud68.co main color">
Boris Budini's avatar
Boris Budini committed
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266

            <ul class="member-social">
              <li><p style="color:white;">#662d91</p></li>
            </ul>

<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
          <path fill-rule="evenodd" opacity="0.0" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
</svg>

          </div>

          <div class="team-info">
            <h4 class="job">Secondary color</h4>
          </div>
        </div>
      </div>
<!--------------------------------------------------------------------------->
<!--------------------------------------------------------------------------->
      <div class="col-lg-4 col-md-6">

        <div class="team-member wow pixFadeUp" data-wow-delay="0.3s">
          <div class="member-avater">
sidorelauku's avatar
sidorelauku committed
267
            <img src="/assets/img/666666.png" alt="Cloud68.co secondary color">
Boris Budini's avatar
Boris Budini committed
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285

            <ul class="member-social">
              <li><p style="color:white;">#666666</p></li>
            </ul>

<svg class="layer-one" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370px" height="210px">
          <path fill-rule="evenodd" opacity="0.0" fill="rgb(250, 112, 112)" d="M-0.000,0 C-0.000,0 100,-100 187.324,0 C297.703,0 370.000,-0.001 370.000,-0.001 L370.000,203.999 C370.000,207.313 367.314,209.999 364.000,209.999 L6.000,209.999 C2.686,209.999 -0.000,207.313 -0.000,203.999 L-0.000,79.999 Z"></path>
</svg>

          </div>

          <div class="team-info">
            <h4 class="job">Tertiary color</h4>
          </div>
        </div>
      </div>
<!--------------------------------------------------------------------------->
    </div>
Boris Budini's avatar
Boris Budini committed
286
    </div>
Boris Budini's avatar
Boris Budini committed
287
288
  </div>
</section>
Boris Budini's avatar
Boris Budini committed
289

Iris Kurti's avatar
Iris Kurti committed
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
  <!--Dos and dont's-->
  <section >
    <div class="container">
      <div class="section-title ">
        <h3 class="sub-title wow pixFadeUp">Important!</h3>
        <h2 class="title wow pixFadeUp" data-wow-delay="0.3s">Dos & Dont's</h2>
        <p>You can do the following:</p>
        <ul>
        <li>Use our logo if you are receiving services from our team and mention that the 'services are provided by Cloud68.co team';</li>
        <li>To link to our website;</li>
        <li>To advertise that your project or company digital infrastructure uses our services;</li>
        <li>For illustration purposes in your writings, presentations, videos or documents about Cloud68.co;</li>
        </ul>
        <p>But you are not allowed to:</p>
        <ul>
        <li>Use variations of our name, such as cloud 68 or CLOUD68;</li>
        <li>Avoid the '.co' part of our brand;</li>
sidorelauku's avatar
sidorelauku committed
307
        <li>Suggest or imply or that you are affiliated with Cloud68.co team in any way, or create confusion as to whether or not you are affiliated with Cloud68.co in any way. Again, just <a href="/our-virtual-office">ask us</a> :)</li>
Iris Kurti's avatar
Iris Kurti committed
308
309
310
311
312
313
        <li>Distribute or use modified versions of these assets</li>
        <li>Use these assets in your own project or application</li>
        <li>Integrate or use these assets in your own logo</li>
        <li>Change the colours/proportions or add your own text/images</li>
        </ul>
      </div>
Boris Budini's avatar
Boris Budini committed
314
    </div>
Iris Kurti's avatar
Iris Kurti committed
315
  </section>
Boris Budini's avatar
Boris Budini committed
316

317
    <div class="button-container text-center" style="padding-bottom: 2%;">
sidorelauku's avatar
sidorelauku committed
318
      <a href="/our-virtual-office" class="pix-btn btn-outline plus-icon wow pixFadeUp">Have questions? Send them our way!<i class="fas fa-poll-h"></i></a>
319
    </div>
Boris Budini's avatar
Boris Budini committed
320
321
322
323
324
    <!-- /.button-container text-center -->
  </div>
  <!-- /.container -->

</section>