Айдентика собственных брендов VITON¹³⁠: пять знаков и акцентный цвет

VITON¹³ — компания с несколькими собственными брендами: VITON¹³ SCHOOL, VJOURNAL, VIT MARKET, парфюмерная линия VITON XIII и линии магазина. Задача — дать компании, школе, журналу и маркетплейсу набор знаков, которые читаются как одна семья и которые сайт рисует сам: на светлом и тёмном фоне и в нескольких размерах.

Логотип VITON¹³ — связка знака-глобуса с буквой V (изображение 512 × 512) и словесного знака, где за VITON идёт жирное 13. Один компонент выводит его в трёх тонах (авто, светлый и тёмный) и трёх размерах. В сплошном тексте 13 в названии становится надстрочным при выводе на экран, а исходные тексты, URL и метаданные сохраняют обычное написание.

Знак VITON¹³ SCHOOL — глобус из кольца, двух меридианов, разделённой оси и пояса, который держит контрастную букву V. Это встроенный SVG на сетке в 1000 единиц, нарисованный в currentColor, поэтому он принимает цвет окружающего текста; знак также экспортирован в SVG-файл и PNG 1600 × 1600.

VJOURNAL и VIT MARKET — словесные знаки, набранные шрифтом, а не нарисованные. Шапка VJOURNAL — слово с насыщенностью 800 и трекингом −0,058em, которое меняет размер вместе с шириной экрана от 3,4 до 6,1 rem и стоит по центру между выпуском и датой с одной стороны и VITON¹³ со счётчиком материалов с другой. VIT MARKET — небесно-голубая плитка, где VIT стоит над MARKET; на том же хабе по той же системе набраны «RU» на плитке цвета бумаги и «FIND» на чернильной плитке.

Логотип и знак SCHOOL — компоненты, которые может вызвать любая страница; знаки VJOURNAL и VIT MARKET набраны в коде тех страниц, где они стоят. Логотип не является ни ссылкой, ни заголовком — это решает страница вокруг него, а изображение глобуса называет себя VITON¹³ для программ чтения с экрана, только когда больше ничто его не подписывает.

Палитра — чёрный и единственный акцент, небесно-голубой #5ac8ff. Он встречается в 10 CSS-модулях: в хабах магазина и студии, VIT MARKET, общей бенто-сетке, юридических страницах, странице 404 и двух блоках главной.

Превью для соцсетей не рисуются вручную по одному: два скрипта выпускают 16 карточек 1200 × 630 для страниц помощи, магазина, ANIRI и VITON XIII и 56 карточек для 14 услуг студии — по одной на каждую страницу и язык.

Магазин store.viton13.com ведёт четыре линии: Old Money (16 товаров), VITON¹³ & RISE (10), ANIRI (3) и VITON XIII BEAUTY HOME. В его карте сайта 46 путей на четырёх языках — 184 URL.

В линии VITON XIII пять ароматов, каждый — парфюмерная вода 50 мл со своей страницей в магазине на четырёх языках: OBSESSION и GELO — мужские, FLEUR POLLEN и Oh my God — женские, MILANO — унисекс. У каждого своё семейство, например фруктовый шипр у GELO и амброво-древесный пряный у OBSESSION.

Знак SCHOOL с глобусом и буквой V работает на русской странице VITON¹³ SCHOOL; её снимок, сделанный в сентябре 2026 года, стоит на обложке кейса.

Брендбука или документа с правилами нет: правила живут в компонентах и таблицах стилей. У Old Money, RISE и ANIRI есть названия и шрифтовое оформление, но нет файлов логотипов, а знаки VJOURNAL и VIT MARKET — это набор средствами CSS, а не нарисованные логотипы. Старый файл логотипа VITON¹³ CENTRE EDUCATION ещё лежит в репозитории, но ни одна страница его не использует.

Чёрный с небесно-голубым — система хабов, а не каждой страницы: главная перешла на светлую палитру 10 сентября 2026 года, а у страницы SCHOOL свои цвета. Мужская и женская коллекции VITON XIII ещё в разработке, товаров в них нет.

Многие визуалы брендов сгенерированы. Изображение флакона GELO создано ИИ — в файл встроены метаданные C2PA с указанием модели изображений OpenAI, — поэтому это продуктовый визуал, а не фотография. Узнаваемость и продажи в этом кейсе не измерялись.

Как проверить портфолио веб-студии →