W webatla
Увійти Почати

Бренд webatla, застосований до самого себе

Завантажте знак, скопіюйте палітру, звірте правила. Усе на цій сторінці зроблено за тими самими настановами, які тут описані.

Завантажити webatla-brand.zip Перейти до логотипа
{"brand": "webatla", "case": "lowercase", "mark": "cloud-on-data", "primary": "#13715b", "accent": "#cc3366", "fonts": "system", "since": 2019}

Знак, лого-блок або моно

Три форми покривають будь-яке розміщення. Обирайте за наявним місцем і кольорами, які можете надрукувати.

webatla

Тільки знак

Використовуйте, коли місця обмаль або назва вже є поруч. Іконки застосунків, аватари, профілі в соцмережах, фавікони.

Лого-блок

Знак плюс назва webatla малими літерами, жирність 800, колір #303642, з невеликим відступом. Використовуйте в шапках, документах і презентаціях, де знаку потрібна назва.

Логотип набрано системним шрифтом

webatla не постачає вебшрифтів заради приватності та швидкості. Назву відображає системний інтерфейсний шрифт на пристрої користувача. На різних платформах вона виглядатиме трохи інакше. Так і задумано, це не помилка.

Монохромний знак

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

Захисне поле та мінімальний розмір

Два числа, які варто памʼятати. Одна крапка простору, 24 пікселі розміру.

захисне поле: 1 крапка з усіх боків

мін. розмір: 24px на екрані

Якщо розмір менший за 24 пікселі, пʼять крапок зливаються. Для крихітних розмірів беріть монохромний силует.

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

Колір

Робоча палітра навмисно невелика. Натисніть будь-який зразок кольору, щоб скопіювати його hex.

кольори знака (ніколи їх не змінюйте, ніколи не використовуйте як кольори інтерфейсу)

Типографіка

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

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

роль: заголовки та інтерфейс · стек: системний sans · жирність: 700 до 800 для заголовків, 400 для основного тексту

0x
{"domain": "example.com", "tld": "com", "rank": 4521} 0123456789 · webatla-all-data-2026-07-09.jsonl.zst

роль: дані, назви файлів, hex, код · стек: системний mono · числа в таблицях набирають моношрифтом, щоб колонки збігалися

Матеріали бренду використовують ці два стеки і нічого більше. Жодних декоративних шрифтів, жодних рукописних, жодних завантажень.

Не робіть так

Шість способів зіпсувати знак. На кожній картці справжній файл зіпсовано наживо, щоб ви впізнали помилку.

Не перефарбовуйте

Повнокольоровий знак постачається у своїх пʼяти кольорах. Не змінюйте жодного з них.

Не розтягуйте

viewBox квадратний. Тримайте його квадратним. Масштабуйте рівномірно, ніколи не вписуйте у довільний прямокутник.

Не повертайте

Хмара стоїть рівно на своїй панелі. Нуль градусів, завжди.

Не додавайте ефектів

Знак площинний. Жодних тіней, обведень, світінь чи градієнтів.

Не тонуйте повнокольоровий знак

Тонувати можна лише монохромний знак і лише одним кольором бренду за раз.

НОВЕ!

Не тісніть

Дотримуйтесь захисного поля в одну крапку. Текст, бейджі та краї лишаються поза ним.

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

Назва

Одне слово, малими літерами, скрізь.

Завжди малими літерами

webatla пишеться малими літерами одним словом, навіть на початку речення. Не Webatla, не WebAtla, не Web Atla.

Один рядок для опису

Весь інтернет в одному JSONL-файлі. Використовуйте цей рядок без змін для преси та партнерських сторінок.

Про компанію

webatla — невелика компанія у сфері кібербезпеки та доменних даних, працює з 2019 року. Слово «невелика» тут цілком доречне. Воно відповідає дійсності.

Заберіть увесь комплект

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

Завантажити webatla-brand.zip Запитати про використання логотипа