Мягкая геометрия, которая собирает композицию. Посмотрите форму целиком, на краю макета и в работе с изображением.

Цельная форма
Загружаем исходную геометрию…
Исходный контур · без искаженийФирменная геометрия

Масштабируется вся форма с сохранением пропорций.

Цвет формы
Композиция и построение

Построение помогает увидеть центр и границы формы. В готовом макете линии скрыты.

Исходная форма с выбранной заливкой. Без фона, фото и примеров содержания.

01 / СИЛУЭТ

Цельная геометрия

Масштаб меняется равномерно. Пропорции и положение контура сохраняются.

02 / ПОСТРОЕНИЕ

Половина или четверть

Фон начинается от середины края или угла носителя.

03 / КОМПОЗИЦИЯ

Одна ясная роль

Форма объединяет, выделяет и направляет внимание, сохраняя читаемость.

ПРИМЕРЫ ПРИМЕНЕНИЯ

Та же форма.
Разные задачи.

ПОДРОБНЕЕ

Геометрия в работе

Построение, кадрирование и баланс с содержанием.

01

Мягкий контур. Неизменная геометрия.

Фирменная форма развивает пластику знака МЕГИ: мягкие стороны, ромбовидное положение и цельный силуэт. Она связывает разные носители общим графическим характером.

Используйте исходный вектор. Меняется размер всей формы, но не соотношение сторон, скругления или положение контура. Произвольный поворот, растяжение и сжатие нарушают систему.

Масштабируется целикомКонтур и ромбовидное положение сохраняются
02

Целиком — когда нужна ясная граница.

Полная форма работает как цветовая плашка, контейнер для изображения или подложка под иконку. Выбирайте одну понятную роль: выделить акцент, объединить содержание или обозначить функцию.

Цвет берите из фирменной палитры. Форма поддерживает композицию и не становится отдельным знаком: главным идентификатором остаётся логотип МЕГИ.

Плашка
Фото
Иконка
03

Половина начинается с центра края.

Поставьте центр формы в середину выбранного края носителя. Масштабируйте её равномерно до пересечения с углами этого края — в макете остаётся половина силуэта.

Так форма становится крупным фоновым приёмом. Текст и логотип располагайте с учётом её массы: оставляйте спокойную область для чтения, не добавляйте рядом ещё несколько сильных акцентов.

От середины левого края
От середины правого края
04

Четверть строится от угла.

Совместите центр формы с углом носителя. Увеличьте её до противоположного угла по короткой стороне макета. Геометрия остаётся исходной, а обрезка подчиняется границам формата.

Четверть подходит для более спокойных композиций: форма поддерживает макет, не забирая всё внимание. Выбирайте угол в связи с расположением содержания, а не случайно.

Из правого нижнего угла
Из левого верхнего угла
05

Внутри остаётся воздух.

В фотоконтейнере сохраняйте значимый объект в читаемой части изображения. Скруглённые края не должны неудачно обрезать важную деталь. Кадрирование изображения меняется независимо от геометрии формы.

Иконку располагайте по центру с достаточным внутренним отступом. Для малого размера выбирайте простую графику. В интерфейсах семейства МЕГА используется согласованный набор Lucide.

Не помещайте внутрь длинный текст. Короткому акценту или маркеру форма помогает, а объёмный абзац лучше оставить в обычном текстовом блоке.

Деталь остаётся в кадре
Иконке хватает воздуха
06

Один приём собирает весь макет.

Форма может быть главным графическим приёмом или поддерживающим фоном. В обоих случаях её роль должна быть понятной: направлять внимание, выстраивать иерархию и объединять элементы.

Не собирайте в одной зоне несколько крупных форм, активный паттерн, большое изображение и логотип. Снижайте контраст фоновой формы, если она начинает спорить с содержанием.

Логотип остаётся самостоятельным элементом. Не присоединяйте форму к нему так, будто это новая версия знака, и сохраняйте свободное пространство вокруг логотипа.

Место
для жизни.

Один графический приём.
Спокойное окружение.
07

Выразительность без искажений.

Сохраняйте исходный силуэт, фирменный цвет и логику обрезки. Не добавляйте случайные обводки, тени, свечение, объём или другие сложные эффекты без необходимости.

Малый маркер согласуйте с размером текста и межстрочным интервалом. Крупный фон соотносите с форматом. Удачное применение делает макет цельнее, а не просто добавляет украшение.

Цельный силуэтИсходные пропорции
Так не используемФорма вытянута по одной оси