Один голос — разные интонации. Примерьте Ubuntu к своим словам и соберите ясную типографическую иерархию.

Ubuntu Light

Создаём среду
для жизни

Ubuntu Light · 72 / 79 pxКириллица · латиница · цифры
Ритм и выравнивание
ПЯТЬ НАЧЕРТАНИЙ

Разный вес.
Единый характер.

Light / 300

Легко.
Масштабно.

Крупные имиджевые фразы
Regular / 400

Просто.
Понятно.

Основной текст и описания
Medium / 500

Собрано.
Уверенно.

Подзаголовки и выделения
Bold / 700

Сильно.
Заметно.

Главный акцент
Condensed / 400

Компактно.
По делу.

Навигация и подписи
2–3 начертания

Достаточно для ясной иерархии внутри одного макета.

120–140%

Межстрочный интервал для основного текста. Заголовки — 100–115%.

Чистый набор

Естественный регистр, контраст и исходные пропорции букв.

ПОДРОБНЕЕ

Текст становится композицией

Иерархия, ритм и примеры вёрстки.

01

Один голос. Пять интонаций.

Ubuntu — основная гарнитура МЕГИ для корпоративных, рекламных и цифровых коммуникаций. Разные начертания решают разные задачи, сохраняя единый характер текста.

Light — для крупных спокойных заголовков. Regular — для основного текста. Medium — для подзаголовков и смысловых выделений. Bold — для главного акцента. Condensed — для компактной навигации и технических подписей.

В одном макете достаточно двух–трёх начертаний. Выбирайте их по роли, а не ради разнообразия.

Лёгкость Light

Ясность Regular

Уверенность Medium

Акцент Bold

Собранность Condensed

02

Сначала главное. Затем подробности.

Заголовок задаёт тему, подзаголовок раскрывает мысль, основной текст объясняет детали. Различайте эти уровни размером, начертанием и расстоянием между блоками.

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

Размеры в примерах — настройки веб-макета, а не обязательные кегли для всех носителей. Проверяйте композицию в реальном формате.

МЕГА / ПРОЕКТЫ

Среда, в которой
хочется жить.

От первой идеи до пространства
с собственным характером.

Смотрим на проект целиком и внимательно работаем с каждой деталью. Соединяем функции, эстетику и потребности человека.

Иерархия: заголовок → тезис → пояснение
03

Дайте строкам пространство.

Для основного текста ориентир межстрочного интервала — 120–140% от размера шрифта. Для крупных заголовков — 100–115%. Мелким подписям нужно больше воздуха, чтобы они оставались читаемыми.

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

24 / 34 PX · 140%

Пространство между строками помогает спокойно читать и удерживать мысль.

Достаточный интервал
24 / 24 PX · 100%

Пространство между строками помогает спокойно читать и удерживать мысль.

Для абзаца слишком плотно
04

Одна ось собирает композицию.

Для большинства блоков используйте выравнивание по левому краю. Общая ось связывает заголовок, описание и подписи, помогает быстро просматривать материал.

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

ОБЩАЯ ОСЬ

Внимание
к деталям.

Заголовок и описание связаны одним левым краем.

Для информационных блоков
Левый край
КОРОТКАЯ ФРАЗА

Ближе
к человеку.

МЕГА / СРЕДА ДЛЯ ЖИЗНИ
Центр для имиджевого экрана
05

Естественный регистр. Ясное содержание.

Основной текст набирайте строчными и прописными по правилам языка. Прописные оставляйте коротким заголовкам, навигации, маркировке и акцентным словам.

Ubuntu Condensed помогает компактным элементам, но не рекомендуется для длинного чтения. Для абзацев выбирайте Regular и достаточный размер.

ЕСТЕСТВЕННЫЙ НАБОР

Мы создаём среду, в которой удобно жить и работать.

ДЛИННЫЙ ТЕКСТ ПРОПИСНЫМИ

МЫ СОЗДАЁМ СРЕДУ, В КОТОРОЙ УДОБНО ЖИТЬ И РАБОТАТЬ.

06

Чистая форма без лишних эффектов.

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

Обеспечьте контраст текста и фона. На сложной фотографии используйте спокойную подложку или затемнение. Важная информация не должна теряться из-за маленького размера или декоративного решения.

ИСХОДНЫЕ ПРОПОРЦИИ

Аа Бб Вв

Ubuntu Regular · без эффектов
ИСКАЖЕНИЕ

Аа Бб Вв

Растяжение и тень нарушают характер

Файлы шрифта

Вся библиотека
TTF

Ubuntu Condensed · Regular

Фирменная гарнитура. Условия использования — в лицензии Ubuntu.

342 КБ · Типографика
TTF

Ubuntu · Bold

Фирменная гарнитура. Условия использования — в лицензии Ubuntu.

324 КБ · Типографика
TTF

Ubuntu · Light

Официальный комплект Ubuntu 0.83. Условия использования — в лицензии Ubuntu.

406 КБ · Типографика
TTF

Ubuntu · Medium

Официальный комплект Ubuntu 0.83. Условия использования — в лицензии Ubuntu.

333 КБ · Типографика
TTF

Ubuntu · Regular

Фирменная гарнитура. Условия использования — в лицензии Ubuntu.

344 КБ · Типографика
TXT

Лицензия Ubuntu

5 КБ · Типографика