Перейти до вмісту

Файли та правила

Бренд

Наш логотип, наші кольори і кілька правил, що йдуть разом із ними.

Реселери, партнери й усі, хто будує на наших білінг-модулях, можуть користуватися логотипом Provibr. Ось офіційні файли, і ось про що ми просимо натомість.

Спершу два правила

Усе далі на цій сторінці є рекомендаціями. Ці два правила рекомендаціями не є.

  • Не змінюйте логотип

    Використовуйте файли рівно такими, якими вони є. Не перемальовуйте їх, не перефарбовуйте, не повертайте, не розтягуйте, не додавайте ефектів і не розбирайте на частини. Якщо потрібної вам версії тут немає, попросіть її в нас, а не робіть самі.

  • Повідомляйте про комерційне використання

    Якщо наш логотип потрапляє в те, що ви продаєте, перепродаєте чи рекламуєте, скажіть нам про це до публікації. Для редакційного використання дозвіл не потрібен: новини, огляди, документація, порівняння, знімок екрана панелі.

    brand@provibr.com

Файли

Три файли SVG. Це єдині офіційні версії; усе інше, що вам трапиться, застаріле.

  • Логотип

    Логотип

    Знак і назва разом. Це основний варіант. Використовуйте його скрізь, де для нього є місце.

    SVG · 752×212

    Завантажити SVG
  • Логотип для темних поверхонь

    Логотип для темних поверхонь

    Той самий малюнок зі світлим написом, для темних панелей, темних шапок і фотографій.

    SVG · 752×212

    Завантажити SVG
  • Іконка

    Іконка

    Сам лише знак. Для аватарів, фавіконів, плиток застосунків і всюди, де наша назва вже стоїть поруч.

    SVG · 225×225

    Завантажити SVG

Простір і розмір

Логотипу потрібне повітря навколо і розмір, нижче за який він не опускається.

Вільне поле

З кожного боку лишайте вільним щонайменше половину висоти знака. У цьому полі не має бути нічого: ні тексту, ні рамки, ні інших логотипів, ні краю сторінки.

Логотип
Область, окреслена пунктиром, лишається порожньою.

Мінімальний розмір

Менше за ці розміри три штрихи знака зливаються між собою, і логотип перетворюється на пляму.

  • Логотип: щонайменше 120 px завширшки на екрані і 30 mm у друці.
  • Іконка: щонайменше 24 px і 8 mm у друці.
Логотип
120 px
Іконка
24 px

Тло

Оберіть файл, що пасує до поверхні, і тримайте логотип чітко відокремленим від того, що за ним.

  • Логотип

    Світлі поверхні

    На білому та на світлих нейтральних тонах беріть основний логотип.

  • Логотип для темних поверхонь

    Темні поверхні

    На темних нейтральних тонах і на нашому власному акцентному кольорі беріть логотип для темних поверхонь.

Контраст

Прагніть контрасту щонайменше 3:1 між логотипом і його тлом. На фотографії чи строкатому візерунку спершу покладіть логотип на суцільну плашку.

Чого ми не дозволяємо

Ці шість трапляються найчастіше. За всіма ними стоїть одне й те саме правило: файл — це і є логотип.

  • Не розтягувати й не стискати

    Не розтягувати й не стискати

  • Не змінювати кольори

    Не змінювати кольори

  • Не повертати й не нахиляти

    Не повертати й не нахиляти

  • Не додавати тіні, сяйво чи обведення

    Не додавати тіні, сяйво чи обведення

  • Не замикати у фігуру

    Не замикати у фігуру

  • Не ставити на строкате тло чи тло з низьким контрастом

    Не ставити на строкате тло чи тло з низьким контрастом

І ще кілька

  • Не перемальовуйте логотип і не обводьте його вручну в іншому форматі.
  • Знак і назва не є деталями, з яких ви складаєте власну композицію.
  • Наша назва, набрана іншим шрифтом, — це не наш логотип.
  • Не вбудовуйте наш логотип у власний логотип, назву продукту чи доменне імʼя.

Назва в тексті

Provibr пишеться одним словом: велика P, а далі малі літери. Це не змінюється ні на початку речення, ні всередині нього, ні в заголовку.

Не перекладайте назву, не ставте після неї знак торгової марки і не скорочуйте її.

Правильно

  • Provibr
  • provibr.com
  • Provibr agent

Неправильно

  • ProVibr
  • PROVIBR
  • provibr
  • Pro Vibr

Кольори

У знака є власні градієнти, і живуть вони у файлі. Нижче наведено суцільні кольори: напис і палітра інтерфейсу для всіх, хто робить щось, що стоятиме поруч із Provibr.

Логотип

  • Напис на світлих поверхнях#001B51
  • Напис на темних поверхнях#F5F7FA

Градієнти у знаку є частиною малюнка. Беріть їх із файлу SVG, а не збирайте заново вручну.

Інтерфейс

  • Акцент: кнопки, посилання, активні стани--brand#4f46e5
  • Акцент під час натискання чи наведення--brand-strong#4338ca
  • Акцентна поверхня: підсвічування та повідомлення--brand-soft#eef2ff
  • Тло сторінки--canvas#f4f6f8
  • Картки, таблиці та панелі--surface#ffffff
  • Заголовки й основний текст--fg#101319
  • Тонкі лінії та рамки--line#e2e5ea

Типографіка

Дві гарнітури, обидві під SIL Open Font License. Беріть їх із першоджерела, щоб разом із ними ви отримали ліцензію та найновішу версію.

  • Geist

    Інтерфейс і основний текст

    Geist
  • Geist Mono

    Числа, код і дрібні підписи

    Geist Mono
  • Space Grotesk

    Великі заголовки на сайті

    Space Grotesk
Напис у логотипі намальований, а не набраний: ці літери є контурами, і як шрифт їх не існує.

Почніть з одного хоста й одного агента

Створіть обліковий запис, встановіть агента однією командою та підключіть свій перший хост Proxmox. Пробний період триває 14 днів і не потребує платіжних даних.