Матеріали бренду WISECP: логотип, кольори та шрифт

Логотип та іконка

Використовуйте версію, що пасує до фону

На світлому фоні використовуйте кольорову версію, а на темному білу. Іконка потрібна там, де логотип не вміщується: для фавіконів, іконок застосунків і фото профілю.

wisecp-logo-color.svg

Використання

Залишайте навколо логотипа вільне місце та зберігайте пропорції

Завжди використовуйте логотип із його власного файлу, у вихідних пропорціях і з достатнім вільним простором навколо.

Охоронне поле: Залишайте з усіх чотирьох боків логотипа вільне поле не менше половини висоти літер (½ H). У це поле не заходять текст, зображення й інші логотипи.
Мінімальний розмір: На екрані ширина логотипа ніколи не буває меншою за 96 px. У вужчих місцях використовуйте іконку: вона залишається читабельною до 16 px.
Пропорції: Ширина й висота масштабуються разом. Логотип ніколи не стискають і не розтягують у жодному напрямку.

Назва

WISECP пишеться великими літерами й разом

Назва зберігає ту саму форму в будь-якому місці речення. Малі літери використовуються лише у вебадресі.

Правильно

WISECP

Завжди в такій формі: у тексті, заголовках і на зображеннях.

wisecp.com: Лише як вебадреса
WISECP V5: Разом із номером версії
WISECP LLC: Офіційна назва компанії для юридичних текстів, як-от договори й рахунки
модулі WISECP: Назва не відмінюється: відмінок передають сусідні слова

Неправильно

WiseCP
Wisecp
wisecp
Wise CP
WISE CP
WISE-CP
W.I.S.E.C.P
WISECP-у
WISECP-ом

Не змішуйте великі й малі літери та не розділяйте назву пробілом, дефісом або крапками. Мале wisecp трапляється лише як частина адреси wisecp.com.

Неправильне використання

Використовуйте логотип без змін

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

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

Не обертатиЛоготип використовується лише горизонтально.

Не змінювати колірВикористовуйте лише кольорову та білу версії.

Не додавати ефектиБез тіней, світіння, обведення та градієнтів.

Не розміщувати на нечитабельному фоніНа темному фоні кольоровий логотип губиться; виберіть білу версію.

Не ставити іконку перед логотипомЛітера W уже входить до логотипа; удруге її не додають.

Колір

Темно-синій задає структуру, а бірюзовий подає сигнал

Темно-синій використовується в логотипі, заголовках і основних кнопках. Бірюзовий є додатковим кольором: для акцентів, посилань та індикаторів стану.

Темно-синій Основний

#095174

RGB: 9, 81, 116
Білий текст: 8,6:1

Бірюзовий Додатковий

#009595

RGB: 0, 149, 149
На білому: 3,7:1

На білому фоні бірюзовий не дає достатнього контрасту для основного тексту (3,7:1). Для тексту використовуйте темно-синій, а бірюзовий залиште для великих заголовків, іконок і акцентних ліній.

Допоміжні кольори

ЧорнильнийТемні смуги, шапка й підвал сайту#051B2A
ПорцеляновийФон сторінки#F7F9FB
БілийКартки й поверхні#FFFFFF
ЗаголовокТекст заголовків#11334D
ТекстОсновний текст#46586B
Другорядний текстОписи й підказки#64748B
Світло-бірюзовийАкценти й мітки на темному фоні#66BFBF
МежаРоздільники й рамки#E6EDF3

Шрифт

Plus Jakarta Sans

Заголовки й основний текст набрано шрифтами однієї родини. Ієрархія будується на розмірі, насиченості та міжлітерному інтервалі.

400 RegularThe quick brown fox jumps over the lazy dog.
500 MediumThe quick brown fox jumps over the lazy dog.
600 SemiBoldThe quick brown fox jumps over the lazy dog.
700 BoldThe quick brown fox jumps over the lazy dog.
800 ExtraBoldThe quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ? ! @ #

CSS "Plus Jakarta Sans", Inter, system-ui, sans-serif

Відкрити в Google Fonts Безкоштовно за ліцензією SIL Open Font License 1.1.

Літери в логотипі намальовано спеціально. Не набирайте логотип цим шрифтом наново: використовуйте файл логотипа.

Завантажити

Усі файли в одному архіві

Кольоровий і білий логотип та іконка у форматах SVG і PNG, а також текстовий файл із кодами кольорів і правилами написання.

Завантажити повний архів ZIP

svg
wisecp-logo-color.svgвектор
wisecp-logo-white.svgвектор
wisecp-icon-color.svgвектор
wisecp-icon-white.svgвектор
png
wisecp-logo-color.png, @2x1200 × 174, 2400 × 349
wisecp-logo-white.png, @2x1200 × 174, 2400 × 349
wisecp-icon-color.png, @2x512 × 512, 1024 × 1024
wisecp-icon-white.png, @2x512 × 512, 1024 × 1024
README.txt

Використовуйте логотип лише для згадування WISECP; не додавайте його до назви чи логотипа власного продукту. Для іншого формату або спільного брендингу скористайтеся формою зворотного зв’язку.