У каждого сегмента четыре версии: цветная на светлом, цветная на тёмном и две одноцветные. Версию выбираем по фону. Знак и надпись не разделяем, не перекрашиваем и не пересобираем.
Цветная версия — по умолчанию. На белом и светло-сером фоне используйте цветную на светлом, на тёмно-синем — цветную на тёмном.
Одноцветная — когда цвет мешает. Фото, сложный фон, тиснение, гравировка, печать в один цвет. Знак в одноцветной версии того же цвета, что и надпись.
Минимальный размер. На экране — 96 px по ширине файла, в печати — 25 мм. Мельче подпись под «ВТБ» перестаёт читаться.
Знак ВТБ — три наклонные полосы слева от надписи. Из-за этого визуальная масса логотипа смещена вправо от центра файла. Если поставить файл ровно по центру, логотип будет казаться сдвинутым вправо. Поэтому логотип ровняем оптически, по правилам ниже.
По центру — сдвигайте рамку влево на 6,71% ширины логотипа. Центр окрашенной массы правее центра SVG. После сдвига ось композиции проходит через центр массы. В коде это transform: translateX(-6.71%), в Figma — сдвиг на 0,0671 × ширину.
В строке — ровняйте по высоте прописных. Рядом с текстом логотип выравнивается по высоте заглавных букв шрифта. Проверяйте в реальном размере.
Слева — текст начинается от буквенной части. Абзац под логотипом начинается от «ВТБ», знак выносится влево за край колонки. Так сделаны карточки сегментов.
Текст начинается от буквенной части «ВТБ». Синяя линия показывает край колонки, знак вынесен за неё.
Значение 6,71% рассчитано как центр масс окрашенных контуров мастер-файла логотипа. Подробная калибровка и инструмент — на странице оптического выравнивания.
Вокруг логотипа держим свободное поле не меньше 29,1% его ширины. В наших файлах SVG это поле уже заложено в рамку, поэтому края файла можно ставить вплотную к другим элементам и к сетке.