pobrendu Попробовать

Примеры

Примеры карточек, собранных движком

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

Собрать карточку Что такое карточка по брендбуку

Афиши и анонсы

Без фотографии — только цвет, шрифт и фигуры

Базовый тип карточки: заголовок, строка с деталями и геометрия в цветах бренда. Подходит для анонсов, где нет подходящего фото.

Карточка «Открыт набор на магистратуру» в фиолетовой палитре с геометрическими фигурами
Анонс набора в магистратуру. Фиолетовая палитра, крупные фигуры, место под логотип в углу.
Карточка «День открытых дверей» в зелёно-жёлтой палитре
День открытых дверей. Зелёный фон, жёлтые и чёрные фигуры, дата и время внизу.
Карточка «Научная конференция» в синей палитре
Афиша конференции. Синяя палитра с розовым акцентом, подзаголовок «Регистрация открыта».
Карточка «Летняя школа программирования» в красной палитре
Набор на летнюю школу. Красный фон, жёлтый полукруг, чёрный сектор — три цвета, ничего лишнего.

С персонажем

С фотографией — текст сверху, человек по центру

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

Карточка «Лекция о квантовых вычислениях» с фотографией студента на синем фоне
Анонс лекции. Персонаж по центру, текст сверху: синий фон и янтарный акцент.
Карточка «Хакатон по анализу данных» с фотографией студента на терракотовом фоне
Хакатон. Терракотовый фон; срок регистрации вынесен в подзаголовок.
Карточка «Выставка студенческих проектов» с фотографией студента на бирюзовом фоне
Выставка проектов. Бирюзовая палитра с оранжевым акцентом.
Карточка «День карьеры» с фотографией студента на фиолетовом фоне
День карьеры. Фиолетовый фон, салатовый акцент; короткий заголовок в одну строку.

Что общего

Одни правила на все макеты

  • Три цвета бренда. Основной — фон, тёмный — фигуры и контраст, акцентный — подзаголовок и детали.
  • Один шрифт на все примеры. Unbounded — тот же, что в заголовках сайта. В конструкторе есть ещё четыре: IBM Plex Sans, Inter, Manrope и Montserrat, все бесплатные, из Google Fonts.
  • Текст читается всегда. Фигуры и фото не попадают на заголовок — это проверяется геометрией при каждой сборке.
  • Повторяемость. Те же настройки и тот же текст дают тот же файл; нужна другая раскладка — нажмите «Собрать» ещё раз.

Хотите такое для своей организации?

Соберём профиль под ваш брендбук и вернёмся с примерами на ваших цветах.