Генератор линий
Напиши текст, выбери форму и цвет — забери готовый SVG-файл.
Ассеты
В Фигме есть набор готовых линий с текстом на кириллице и латинице. Если нужной фразы там нет, собери свою линию в генераторе выше.
Набор линий в Фигме
Готовые варианты с текстами на кириллице и латинице
Общие правила
Текст на линиях может быть любым, но он должен соответствовать редполитике Авиасейлс.
Набираем его только шрифтом Stapel в начертании Bold. Стандартное соотношение кегля к толщине линии — 7/9, но при необходимости меняем его. Базовую линию текста ставим так, чтобы он визуально находился по центру.
Размер
Подбираем по масштабу коммуникации, чтобы текст хорошо считывался. Если на странице есть другой текст, шрифт на линии должен быть сопоставим с ним по размеру.
Читаемость
Размещаем линии так, чтобы при любом направлении и любой длине фразы было понятно, что на них написано.
Следим за словами и фразами: когда линия обрезается или пересекается с другой, из кусков не должны складываться нецензурные слова.
Наложение на другие элементы
Линия может пересекаться с другими элементами. Когда она ложится поверх, сохраняем читаемость текстов и акценты в композиции.
Несколько линий
Если в макете несколько линий, они не пересекаются между собой. Их видимые куски читаются как одна линия, чтобы легко было представить, как она уходит за край макета и возвращается с другой стороны.
Не касаемся краёв формата
Когда линия идёт вдоль края коммуникации, части композиции становятся разрозненными. Чтобы этого избежать, меняем направление линии или выводим её за край формата.
Цвет линий и фона
На цветном фоне берём белую линию с буквами цвета ink 800. Для белого фона подойдёт инвертированная линия или линия брендового цвета. На брендовом работает и белая, и инвертированная.
Линия всегда непрозрачная — это акцентный элемент, он должен быть выразительным. Не приглушаем линии через альфу или цветом послабее.
Если в макете несколько линий, все они должны быть одного цвета.
Светлый фон — тёмная линия
Светлый фон — брендовая линия
Брендовый фон — белая линия
Брендовый фон — тёмная линия
Визуальные приёмы
Линия может быть объёмным элементом, если поместить её за объектом на фоне.
Линии могут принимать любую форму, в том числе объектов или существ. Используем этот приём, чтобы передать метафору.