Медиакит Alto

Логотипы, знак и бейдж «Разработано в Alto» для сайтов клиентов

Логотипы Alto для публикаций, презентаций, мероприятий и сайтов клиентов. Векторные SVG подходят для веба и печати, PNG — с прозрачным фоном, исходники — в AI и EPS.

Скачать всё архивом

Логотип

Основной цвет логотипа — чёрный, синий — дополнительный. На тёмном фоне — белый.

Чёрный

SVG PNG 1490×900

Белый

SVG PNG 1490×900

Синий

SVG PNG 1490×900

Логотип с подписью

E-commerce development + consulting — для презентаций, стендов и партнёрских страниц.

Вертикальный, чёрный

SVG PNG 1128×1004

Вертикальный, белый

SVG PNG 1128×1004

Горизонтальный, чёрный

SVG PNG 2414×680

Горизонтальный, белый

SVG PNG 2414×680

Знак «три линии»

Графический элемент фирменного стиля: для фона, паттернов и мерча. Логотип не заменяет.

Чёрный

SVG PNG 860×900

Белый

SVG PNG 860×900

Синий

SVG PNG 860×900

Аватарки

Квадрат 1000×1000 для соцсетей, мессенджеров и каталогов подрядчиков.

Тёмная

PNG 1000×1000

Светлая

PNG 1000×1000

Синяя

PNG 1000×1000

Исходники

Для дизайнеров и типографий.

Логотип во всех цветах

Adobe Illustrator, 104 КБ

Логотип с подписью в строку

EPS, чёрный на белом и белый на чёрном, по 4,3 МБ

EPS чёрный EPS белый

Бейдж «Разработано в Alto»

Для подвала сайтов, которые мы сделали. Вставьте код целиком — стили уже внутри, отдельно ничего подключать не нужно. При наведении линии логотипа плавно перетекают, буквы стоят на месте. Без JavaScript, работает во всех современных браузерах.

Разработано в Alto

Разработано в

Для светлого фона

<a class="alto-made" href="https://alto.codes/?utm_source=client_site&amp;utm_medium=badge" target="_blank" rel="noopener" title="Alto — разработка интернет-магазинов и B2B-порталов" style="display:inline-flex;align-items:center;gap:10px;color:#12131A;font:400 13px/1.2 Arial,Helvetica,sans-serif;text-decoration:none"><span style="color:#8A8C99">Разработано в</span><svg viewBox="0 0 149 90" width="76" height="46" fill="currentColor" role="img" aria-label="Alto" style="display:block;overflow:visible"><style>.alto-made__l{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50% 100%}.alto-made:hover .alto-made__l,.alto-made:focus-visible .alto-made__l{animation:alto-made-flow 1.3s cubic-bezier(.65,0,.35,1) both}.alto-made:hover .alto-made__l2,.alto-made:focus-visible .alto-made__l2{animation-delay:.12s}.alto-made:hover .alto-made__l3,.alto-made:focus-visible .alto-made__l3{animation-delay:.24s}@keyframes alto-made-flow{0%{transform:scaleY(1);transform-origin:50% 100%}45%{transform:scaleY(0);transform-origin:50% 100%}45.1%{transform:scaleY(0);transform-origin:50% 0}100%{transform:scaleY(1);transform-origin:50% 0}}@media (prefers-reduced-motion:reduce){.alto-made__l{animation:none!important}}</style><path d="M 10.77 36.93 L 18.22 54.24 L 14.65 54.24 L 12.99 50.4 L 5.17 50.4 L 3.51 54.24 L 0 54.24 L 7.45 36.93 L 10.77 36.93Z M 9.05 41.46 L 6.46 47.35 L 11.64 47.35 L 9.05 41.46Z"/><path d="M 50.38 36.93 L 50.38 51.20 L 59.00 51.20 L 59.00 54.24 L 46.99 54.24 L 46.99 36.93 L 50.38 36.93Z"/><path d="M 87.83 36.93 L 102.37 36.93 L 102.37 39.97 L 96.82 39.97 L 96.82 54.24 L 93.44 54.24 L 93.44 39.97 L 87.83 39.97 L 87.83 36.93Z"/><path d="M 146.47 51.95 C 144.81 53.69 142.65 54.55 140.07 54.55 C 137.48 54.55 135.32 53.69 133.66 51.95 C 132.00 50.21 131.14 48.10 131.14 45.55 C 131.14 43.01 132.00 40.90 133.66 39.16 C 135.32 37.42 137.48 36.55 140.07 36.55 C 142.65 36.55 144.81 37.42 146.47 39.16 C 148.13 40.90 149 43.01 149 45.55 C 149 48.10 148.13 50.21 146.47 51.95Z M 136.12 49.78 C 137.17 50.95 138.46 51.51 140.07 51.51 C 141.67 51.51 142.96 50.95 144.01 49.78 C 145.05 48.6 145.61 47.23 145.61 45.55 C 145.61 43.88 145.05 42.45 144.01 41.33 C 142.96 40.22 141.67 39.6 140.07 39.6 C 138.46 39.6 137.17 40.15 136.12 41.33 C 135.08 42.45 134.52 43.88 134.52 45.55 C 134.52 47.23 135.08 48.66 136.12 49.78Z"/><line class="alto-made__l alto-made__l1" x1="32.43" y1="36" x2="32.43" y2="90"/><line class="alto-made__l alto-made__l2" x1="73.27" y1="18.62" x2="73.27" y2="72.62"/><line class="alto-made__l alto-made__l3" x1="116.57" y1="0" x2="116.57" y2="54"/></svg></a>

Разработано в

Для тёмного фона

<a class="alto-made" href="https://alto.codes/?utm_source=client_site&amp;utm_medium=badge" target="_blank" rel="noopener" title="Alto — разработка интернет-магазинов и B2B-порталов" style="display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;font:400 13px/1.2 Arial,Helvetica,sans-serif;text-decoration:none"><span style="color:rgba(255,255,255,.6)">Разработано в</span><svg viewBox="0 0 149 90" width="76" height="46" fill="currentColor" role="img" aria-label="Alto" style="display:block;overflow:visible"><style>.alto-made__l{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50% 100%}.alto-made:hover .alto-made__l,.alto-made:focus-visible .alto-made__l{animation:alto-made-flow 1.3s cubic-bezier(.65,0,.35,1) both}.alto-made:hover .alto-made__l2,.alto-made:focus-visible .alto-made__l2{animation-delay:.12s}.alto-made:hover .alto-made__l3,.alto-made:focus-visible .alto-made__l3{animation-delay:.24s}@keyframes alto-made-flow{0%{transform:scaleY(1);transform-origin:50% 100%}45%{transform:scaleY(0);transform-origin:50% 100%}45.1%{transform:scaleY(0);transform-origin:50% 0}100%{transform:scaleY(1);transform-origin:50% 0}}@media (prefers-reduced-motion:reduce){.alto-made__l{animation:none!important}}</style><path d="M 10.77 36.93 L 18.22 54.24 L 14.65 54.24 L 12.99 50.4 L 5.17 50.4 L 3.51 54.24 L 0 54.24 L 7.45 36.93 L 10.77 36.93Z M 9.05 41.46 L 6.46 47.35 L 11.64 47.35 L 9.05 41.46Z"/><path d="M 50.38 36.93 L 50.38 51.20 L 59.00 51.20 L 59.00 54.24 L 46.99 54.24 L 46.99 36.93 L 50.38 36.93Z"/><path d="M 87.83 36.93 L 102.37 36.93 L 102.37 39.97 L 96.82 39.97 L 96.82 54.24 L 93.44 54.24 L 93.44 39.97 L 87.83 39.97 L 87.83 36.93Z"/><path d="M 146.47 51.95 C 144.81 53.69 142.65 54.55 140.07 54.55 C 137.48 54.55 135.32 53.69 133.66 51.95 C 132.00 50.21 131.14 48.10 131.14 45.55 C 131.14 43.01 132.00 40.90 133.66 39.16 C 135.32 37.42 137.48 36.55 140.07 36.55 C 142.65 36.55 144.81 37.42 146.47 39.16 C 148.13 40.90 149 43.01 149 45.55 C 149 48.10 148.13 50.21 146.47 51.95Z M 136.12 49.78 C 137.17 50.95 138.46 51.51 140.07 51.51 C 141.67 51.51 142.96 50.95 144.01 49.78 C 145.05 48.6 145.61 47.23 145.61 45.55 C 145.61 43.88 145.05 42.45 144.01 41.33 C 142.96 40.22 141.67 39.6 140.07 39.6 C 138.46 39.6 137.17 40.15 136.12 41.33 C 135.08 42.45 134.52 43.88 134.52 45.55 C 134.52 47.23 135.08 48.66 136.12 49.78Z"/><line class="alto-made__l alto-made__l1" x1="32.43" y1="36" x2="32.43" y2="90"/><line class="alto-made__l alto-made__l2" x1="73.27" y1="18.62" x2="73.27" y2="72.62"/><line class="alto-made__l alto-made__l3" x1="116.57" y1="0" x2="116.57" y2="54"/></svg></a>

Разработка интернет-магазина в Alto

Разработка интернет-магазина в

Для светлого фона

<a class="alto-made" href="https://alto.codes/?utm_source=client_site&amp;utm_medium=badge" target="_blank" rel="noopener" title="Alto — разработка интернет-магазинов и B2B-порталов" style="display:inline-flex;align-items:center;gap:10px;color:#12131A;font:400 13px/1.2 Arial,Helvetica,sans-serif;text-decoration:none"><span style="color:#8A8C99">Разработка интернет-магазина в</span><svg viewBox="0 0 149 90" width="76" height="46" fill="currentColor" role="img" aria-label="Alto" style="display:block;overflow:visible"><style>.alto-made__l{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50% 100%}.alto-made:hover .alto-made__l,.alto-made:focus-visible .alto-made__l{animation:alto-made-flow 1.3s cubic-bezier(.65,0,.35,1) both}.alto-made:hover .alto-made__l2,.alto-made:focus-visible .alto-made__l2{animation-delay:.12s}.alto-made:hover .alto-made__l3,.alto-made:focus-visible .alto-made__l3{animation-delay:.24s}@keyframes alto-made-flow{0%{transform:scaleY(1);transform-origin:50% 100%}45%{transform:scaleY(0);transform-origin:50% 100%}45.1%{transform:scaleY(0);transform-origin:50% 0}100%{transform:scaleY(1);transform-origin:50% 0}}@media (prefers-reduced-motion:reduce){.alto-made__l{animation:none!important}}</style><path d="M 10.77 36.93 L 18.22 54.24 L 14.65 54.24 L 12.99 50.4 L 5.17 50.4 L 3.51 54.24 L 0 54.24 L 7.45 36.93 L 10.77 36.93Z M 9.05 41.46 L 6.46 47.35 L 11.64 47.35 L 9.05 41.46Z"/><path d="M 50.38 36.93 L 50.38 51.20 L 59.00 51.20 L 59.00 54.24 L 46.99 54.24 L 46.99 36.93 L 50.38 36.93Z"/><path d="M 87.83 36.93 L 102.37 36.93 L 102.37 39.97 L 96.82 39.97 L 96.82 54.24 L 93.44 54.24 L 93.44 39.97 L 87.83 39.97 L 87.83 36.93Z"/><path d="M 146.47 51.95 C 144.81 53.69 142.65 54.55 140.07 54.55 C 137.48 54.55 135.32 53.69 133.66 51.95 C 132.00 50.21 131.14 48.10 131.14 45.55 C 131.14 43.01 132.00 40.90 133.66 39.16 C 135.32 37.42 137.48 36.55 140.07 36.55 C 142.65 36.55 144.81 37.42 146.47 39.16 C 148.13 40.90 149 43.01 149 45.55 C 149 48.10 148.13 50.21 146.47 51.95Z M 136.12 49.78 C 137.17 50.95 138.46 51.51 140.07 51.51 C 141.67 51.51 142.96 50.95 144.01 49.78 C 145.05 48.6 145.61 47.23 145.61 45.55 C 145.61 43.88 145.05 42.45 144.01 41.33 C 142.96 40.22 141.67 39.6 140.07 39.6 C 138.46 39.6 137.17 40.15 136.12 41.33 C 135.08 42.45 134.52 43.88 134.52 45.55 C 134.52 47.23 135.08 48.66 136.12 49.78Z"/><line class="alto-made__l alto-made__l1" x1="32.43" y1="36" x2="32.43" y2="90"/><line class="alto-made__l alto-made__l2" x1="73.27" y1="18.62" x2="73.27" y2="72.62"/><line class="alto-made__l alto-made__l3" x1="116.57" y1="0" x2="116.57" y2="54"/></svg></a>

Разработка интернет-магазина в

Для тёмного фона

<a class="alto-made" href="https://alto.codes/?utm_source=client_site&amp;utm_medium=badge" target="_blank" rel="noopener" title="Alto — разработка интернет-магазинов и B2B-порталов" style="display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;font:400 13px/1.2 Arial,Helvetica,sans-serif;text-decoration:none"><span style="color:rgba(255,255,255,.6)">Разработка интернет-магазина в</span><svg viewBox="0 0 149 90" width="76" height="46" fill="currentColor" role="img" aria-label="Alto" style="display:block;overflow:visible"><style>.alto-made__l{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50% 100%}.alto-made:hover .alto-made__l,.alto-made:focus-visible .alto-made__l{animation:alto-made-flow 1.3s cubic-bezier(.65,0,.35,1) both}.alto-made:hover .alto-made__l2,.alto-made:focus-visible .alto-made__l2{animation-delay:.12s}.alto-made:hover .alto-made__l3,.alto-made:focus-visible .alto-made__l3{animation-delay:.24s}@keyframes alto-made-flow{0%{transform:scaleY(1);transform-origin:50% 100%}45%{transform:scaleY(0);transform-origin:50% 100%}45.1%{transform:scaleY(0);transform-origin:50% 0}100%{transform:scaleY(1);transform-origin:50% 0}}@media (prefers-reduced-motion:reduce){.alto-made__l{animation:none!important}}</style><path d="M 10.77 36.93 L 18.22 54.24 L 14.65 54.24 L 12.99 50.4 L 5.17 50.4 L 3.51 54.24 L 0 54.24 L 7.45 36.93 L 10.77 36.93Z M 9.05 41.46 L 6.46 47.35 L 11.64 47.35 L 9.05 41.46Z"/><path d="M 50.38 36.93 L 50.38 51.20 L 59.00 51.20 L 59.00 54.24 L 46.99 54.24 L 46.99 36.93 L 50.38 36.93Z"/><path d="M 87.83 36.93 L 102.37 36.93 L 102.37 39.97 L 96.82 39.97 L 96.82 54.24 L 93.44 54.24 L 93.44 39.97 L 87.83 39.97 L 87.83 36.93Z"/><path d="M 146.47 51.95 C 144.81 53.69 142.65 54.55 140.07 54.55 C 137.48 54.55 135.32 53.69 133.66 51.95 C 132.00 50.21 131.14 48.10 131.14 45.55 C 131.14 43.01 132.00 40.90 133.66 39.16 C 135.32 37.42 137.48 36.55 140.07 36.55 C 142.65 36.55 144.81 37.42 146.47 39.16 C 148.13 40.90 149 43.01 149 45.55 C 149 48.10 148.13 50.21 146.47 51.95Z M 136.12 49.78 C 137.17 50.95 138.46 51.51 140.07 51.51 C 141.67 51.51 142.96 50.95 144.01 49.78 C 145.05 48.6 145.61 47.23 145.61 45.55 C 145.61 43.88 145.05 42.45 144.01 41.33 C 142.96 40.22 141.67 39.6 140.07 39.6 C 138.46 39.6 137.17 40.15 136.12 41.33 C 135.08 42.45 134.52 43.88 134.52 45.55 C 134.52 47.23 135.08 48.66 136.12 49.78Z"/><line class="alto-made__l alto-made__l1" x1="32.43" y1="36" x2="32.43" y2="90"/><line class="alto-made__l alto-made__l2" x1="73.27" y1="18.62" x2="73.27" y2="72.62"/><line class="alto-made__l alto-made__l3" x1="116.57" y1="0" x2="116.57" y2="54"/></svg></a>

Цвет логотипа и подписи меняется в атрибутах style у ссылки и у span. Размер логотипа — width и height у svg (пропорция 149×90).

Как использовать

Логотип не растягиваем, не поворачиваем, не перекрашиваем в другие цвета и не добавляем эффектов.
Вокруг логотипа оставляем свободное поле не меньше высоты буквы.
Минимальная ширина логотипа — 60 px на экране и 15 мм в печати, иначе линии теряются.
На фото и пёстром фоне используем белый логотип на тёмной подложке.

Чёрный
#12131A

Белый
#FFFFFF

Синий
#0173FF

Вопросы по использованию логотипа — help@alto.codes.

Медиакит Alto

Логотип

Логотип с подписью

Знак «три линии»

Аватарки

Исходники

Бейдж «Разработано в Alto»

Как использовать

Расскажите о своей задаче,

Расскажите
о своей задаче,