MiXX

1. С использованием фото: Фото располагается крупно, занимая большой бенто-модуль. В этом случае используется минимум иконок, либо они не используются вовсе.

2. С иконками / логотипами партнёров: В случае большого количества иконок (от 9 штук) под иконки выделяется отдельный бенто-модуль.

Логотип может становиться в любой части бенто-модуля, но обязательно на всю ширину блока. В рамках бенто-модуля с однородным фоном (чёрный / белый) используется только полноцветный вариант логотипа.

Рекомендуемый размер бенто-модуля — 40-50% от макета.

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

Если дисклеймер не предусмотрен, важно уравновесить логотип другим элементом, например, ссылкой. Пустой белый угол следует избегать.

Логотип можно размещать в бенто-модуле с фотографией (правило размещения лого на всю ширину не меняется). Как в случае горизонтального, так и в случае вертикального размещения лого важно сохранить читабельность всех элементов лого при наложении на фото. Для этого уместно наложение градиентной подложки между лого и фото, либо работа с контрастностью фона фото.

Если дисклеймер не предусмотрен, логотип t2 может располагаться в бенто-модуле с заголовком в нижнем правом углу.

В ультра-горизонтальном формате необходимо добавлять воздух в бенто-модуль с логотипом. Размер отступа до логотипа равен 8-10х, где х — это размер базового отступа в макете* согласно базовой работе с сетками макетов в рамках стиля t2.

В менее экстремальных форматах формируется привычный бенто-модуль с заголовком над логотипом, а лого MiXX стоит на всю ширину модуля.

Горизонталь

1. С фотографией и небольшим количеством иконок/лого партнеров (минимум — 3 иконки, максимум — 7). Логотипы располагаются на подложке с максимальным скруглением внутри бенто-модуля с заголовком или под ним.
2. Без фото и с бóльшим количеством иконок (минимум — 9), которые располагаются внутри отдельного бенто-модуля. Важно использовать кратное количество иконок, чтобы они могли сложиться в квадратный или прямоугольный блок без пропусков. Размер отступа от края бенто-модуля должен быть равен размеру иконки или крупнее.

Убер-вертикаль

Примеры подходов к баннерам с иконками и логотипами партнеро

Вертикаль

В базовых макетах кнопка становится в бенто-блок с заголовком.

Цвет кнопки может быть ярко-зелёным или синим.

Убер-горизонталь

Как и на убер-горизонтальных форматах без кнопки, логотип MiXX становится в бенто-модуль с воздухом.

Логотип t2 может жить как в отдельном блоке, так и вместе с заголовком.

В убер-горизонтальных и убер-вертикальных вариантах кнопка становится отдельным бенто-модулем.