-
Notifications
You must be signed in to change notification settings - Fork 0
/
logo.html
170 lines (145 loc) · 10.1 KB
/
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
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<!-- <base href="/"> -->
<title>Логотипи, що були розробленi бюрошниками.</title>
<meta name="description" content="">
<link rel="apple-touch-icon" sizes="76x76" href="img/fav/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/fav/favicon-16x16.png">
<link rel="manifest" href="img/fav/site.webmanifest">
<link rel="mask-icon" href="img/fav/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff"><meta name="robots" content="noindex, nofollow" />
<meta property="og:title" content="Логотипи, що були розробленi бюрошниками." />
<meta property="og:site_name" content="22buro" />
<meta property="og:url" content="https://www.22buro.com/logo" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://22buro.com/img/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#dfff3c">
<link rel="stylesheet" href="css/main.min.css">
</head>
<body class="logos-page">
<header class="header-main" data-aos="fade-down">
<a href="index.html" class="logo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 169.67 73.21"><path d="M48.45,0C33.65,0,13.17,4.65,0,25.15l15.74,7.09S25.52,14.9,45.69,14.9h.08C66,15,63.35,26.86,57,30.45,48.9,35,8,46.05,8,46.05V73.21H80.13V57.63H24.66l0-1.75s23.47-5.72,41.67-13.16C77.16,38.3,82.71,28.4,80,18.24,76.82,6.52,68.14,2,57.25.56A67.38,67.38,0,0,0,48.45,0Z"/><path d="M137.46,0C122.66,0,102.18,4.65,89,25.15l15.73,7.09s9.79-17.34,30-17.34h.08c20.22,0,17.58,12,11.18,15.55C137.9,35,97,46.05,97,46.05V73.21h72.09V57.63H113.67l0-1.75s23.46-5.72,41.67-13.16C166.17,38.3,171.72,28.4,169,18.24,165.83,6.52,157.14,2,146.26.56a67.62,67.62,0,0,0-8.8-.56Z"/></svg>
<div class="logos-logo">
<div class="tag">#всмыслемарго</div><div class="name">логотип</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.69 356.32"><defs></defs><g><g><ellipse fill="none" stroke="#000" stroke-miterlimit="10" cx="186.75" cy="89.51" rx="186.26" ry="89.01"/><ellipse fill="none" stroke="#000" stroke-miterlimit="10" cx="187.51" cy="178.16" rx="186.26" ry="89.01"/><ellipse fill="none" stroke="#000" stroke-miterlimit="10" cx="187.94" cy="266.81" rx="186.26" ry="89.01"/></g></g></svg>
</div>
</a>
<nav>
<a href="index.html#projects">Проєкти</a>
<a href="index.html#about">про нас</a>
<a href="#contacts">контакти</a>
</nav>
</header>
<section class="section-logos">
<div class="logo-item">
<div class="image">
<!-- <img src="img/logos1.gif"> -->
<video autoplay loop muted playsinline>
<source src="img/logos1.mp4" type="video/mp4">
</video>
</div>
<!-- <div class="bubble">
<p>test</p>
</div> -->
</div>
<div class="logo-item">
<div class="image">
<img src="img/logos2.gif">
</div>
<div class="bubble">
<p>RAP/ua – це перше українське медіа про реп в Україні. Вже багато років він стійко базарить за цю культуру, та всіляко пропогандує її. Сьогодні ця сфера набирає популярності, тому портал потребував змін. У процесі дослідження українського репу та порталу ми дійшли висновку, що саме українська складова робить реп таким різномаїтним та неповторним. Цю ідею ми заклали у новому логотипі.</p>
</div>
</div>
<div class="logo-item logo-item--sammy">
<div class="image">
<img src="img/logos3.png">
</div>
<!-- <div class="bubble">
<p>test</p>
</div> -->
</div>
<div class="logo-item logo-item--tisk">
<div class="image">
<!-- <img src="img/logos4.gif"> -->
<video autoplay loop muted playsinline>
<source src="img/logos4.mp4" type="video/mp4">
</video>
</div>
<div class="bubble">
<p>Працювати з музикою – це кайф. Безліч форматів та носіїв. Кожного разу – новий настрій, новий досвід взаємодії. Тут важлива синергія.</p>
<p>Розробили новий постер до концерту наших друзів >>> гурту ТИСК >>> @tysk.live. На тлі фірмового черепа – логотип, що як завгодно масштабується відносно носія.</p>
</div>
</div>
<div class="logo-item logo-item--dodomu">
<div class="image">
<!-- <img src="img/logos5.gif"> -->
<video autoplay loop muted playsinline>
<source src="img/logos5.mp4" type="video/mp4">
</video>
</div>
<div class="bubble">
<p>Створили нейм та логотип, для ком- панії, що не просто будує житло, а дарує відчуття дому своїм клієнтам.</p>
<p>Назва сильно вирізняється на ринку абревіатурних забудов- ників. Вона відсилає нас до теплого почуття повернення. Коли ти довго не був, а потім нарешті повертаєшся додому. Клієнти DODOMU – люди, що довго орендували житло. Нарешті у них з’явилася можливість зробити із житла власну домівку. І ми пройдемо з ними цей шлях. Шлях від житла до дому.</p>
<p>Простий знак, змінюється залеж- но від формату носія. Так само, як і дім змінюється разом з його власником. Умовний дах працює також вказівкою – «з нами на вас попереду чекає власний дім».</p>
</div>
</div>
<div class="logo-item logo-item--some">
<div class="image">
<img src="img/logos6.png">
</div>
<div class="bubble">
<p>Для звичайних людей чорний прямокутник лише чорний прямокутник. Для some people - це двері в невідомість. Побачивши ці двері одного разу, ви ніколи не перестанете її бачити.</p>
</div>
</div>
<div class="logo-item">
<div class="image">
<!-- <img src="img/logos7.gif"> -->
<video autoplay loop muted playsinline>
<source src="img/logos7.mp4" type="video/mp4">
</video>
</div>
<div class="bubble">
<p>Благодійний фонд збору коштів для боротьби з covid-19, створений за підтримки @david_datuna та @artmarketingschool, завдяки нам знайшов крутий простий логотип і айдентику.</p>
<p>Уміння допомагати – це мистецтво, а в проекті art(4)changescom мистецтво і є допомога.</p>
</div>
</div>
<div class="logo-item">
<div class="image">
<img src="img/logos8.gif">
</div>
<div class="bubble">
<p>Yonder - сервіс з підрахунку і аналітиці трафіку людей. Yonder завжди стоїть в режимі запису.</p>
</div>
</div>
</section>
<footer id="contacts" class="footer-main footer-main--notitle">
<h2 class="section-title">Контакти</h2>
<div class="footer-main-holder">
<div class="elipse rellax"
data-rellax-speed="3"
data-rellax-xs-speed="1"
data-rellax-mobile-speed="1"
data-rellax-tablet-speed="1"
data-rellax-desktop-speed="3"
>
<a href="mailto:[email protected]">[email protected]</a>
<a class="mob" href="mailto:[email protected]">branding.buro22</br>@gmail.com</a>
</div>
<div class="elipse">
<a href="https://instagram.com/22buro" target="_blank">@branding.buro22</a>
<a class="mob" href="https://instagram.com/22buro" target="_blank">@branding.</br>buro22</a>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 145.04 127.95"><g><g><path d="M125.46,99.86c-10.81,0-19.58,6.29-19.58,14s8.77,14,19.58,14,19.58-6.29,19.58-14S136.27,99.86,125.46,99.86Zm-.18,21.79c-5.59,0-10.13-3.45-10.13-7.7s4.54-7.69,10.13-7.69S135.4,109.7,135.4,114,130.87,121.65,125.28,121.65Z"/><path d="M67.47,109.34s0,12-9.32,12.16c-8,.11-7.69-11.6-7.69-11.6v-8.76H41.27v14.48c0,4.57,4.65,12.33,13.87,12.33s12.33-6.45,12.33-6.45V127h8.67V101.14H67.47Z"/><path d="M72.05,89.58c-2.71,0-4.91,1.67-4.91,3.74s2.2,3.75,4.91,3.75S77,95.39,77,93.32,74.77,89.58,72.05,89.58Z"/><path d="M45.54,97.07c2.71,0,4.92-1.68,4.92-3.75s-2.21-3.74-4.92-3.74-4.92,1.67-4.92,3.74S42.83,97.07,45.54,97.07Z"/><path d="M22.4,99.83a16.89,16.89,0,0,0-13.64,6.48V93H0v34H8.76v-5.5A16.92,16.92,0,0,0,22.4,128c9,0,16.21-6.3,16.21-14.06S31.35,99.83,22.4,99.83Zm-3.14,22c-5.8,0-10.5-3.53-10.5-7.89s4.7-7.9,10.5-7.9,10.5,3.53,10.5,7.9S25.06,121.86,19.26,121.86Z"/><path d="M96.76,101.14c-6.78,0-8.31,6.85-8.31,6.85v-6.85H79.78V127h8.67v-10a8.2,8.2,0,0,1,8-8.77h8.82v-7H96.76Z"/><path d="M68.22,46V74.54h-.9a179.67,179.67,0,0,0-6.77-21.42c-2.27-5.55-7.36-8.41-12.58-7-6,1.62-8.37,6.08-9.09,11.68-.94,7.32-.21,21.17,12.64,29.43l3.65-8.09s-8.94-5-8.92-15.44,6.15-9,8-5.75c2.33,4.14,8,25.15,8,25.15h14V46Z"/><path d="M68.22.28V28.79h-.9A179.67,179.67,0,0,0,60.55,7.36C58.28,1.8,53.19-1,48,.36,42,2,39.6,6.44,38.88,12c-.94,7.32-.21,21.17,12.64,29.43l3.65-8.09s-8.94-5.05-8.92-15.44,6.15-9,8-5.75c2.33,4.14,8,25.15,8,25.15h14V.28Z"/></g></g></svg>
</footer>
<script src="js/scripts.min.js"></script>
</body>
</html>