Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>7 фев 2023</li>

3 <li>0</li>

4 </ul>Рассказываем, для каких проектов подходит Raleway, показываем примеры шрифтовых пар и классного дизайна с ним.

5 Изображение: Alessandra Cremone / Behance

6 Создать эффектную типографику для сайта, документа, постера или рекламы непросто. Правильное решение очень важно: шрифты влияют на восприятие текста и изображений, они способны и привлекать, и отталкивать. К тому же шрифтов много, и даже если для проекта выбран основной, к нему наверняка понадобятся дополнительные.

7 Разберём одну из самых популярных гарнитур - Raleway - и покажем, с чем её сочетать.

8 Raleway - элегантный шрифт без засечек со сбалансированными пропорциями и без контраста в рисунке. Он поддерживает 105 языков с алфавитами на основе латиницы и 60 языков с кириллическими алфавитами.

9 В гарнитуре 18 видов начертаний - от очень тонкого до супержирного, а также дополнительный стилистический сет. Графика знаков в нём близка к геометрическому гротеску, в то время как основной рисунок Raleway ближе к неогротескам.

10 Альтернативный stylistic set работает только с латиницей, в том числе с расширенным набором. Знаки в прямом начертании и в курсиве выглядят в альтернативе по-разному. Сверху вниз на этом примере: стандартный формат знаков в шрифте Raleway, альтернативный (рисунок l и "фирменной" w упрощён), альтернативный в курсиве (другая k)Скриншот: Skillbox MediaДля кириллицы в Raleway не предусмотрены курсивы ― только прямые форматы начертаний от Thin до BlackСкриншот:<a>The League of Moveable Type</a>/ Skillbox MediaRaleway был создан в 2010 году дизайнером Мэттом Макинерни и опубликован студией The League of Moveable Type. Его сразу стали распространять бесплатно, с правом использовать без ограничений в личных работах и любых коммерческих проектах. За этим жестом - свободно делиться качественным шрифтом - стоит одна из целей коллектива. Они<a>верят</a>, что это повышает стандарты веб-типографики.

11 Минималистичная эстетика Raleway на первый взгляд кажется простой, но в графике есть интересные узнаваемые детали. Например, перекрест штрихов в Ww, изгиб в l, лёгкая диспропорциональность в e. Благодаря им этот универсальный гротеск не кажется таким уж скучным и формальным.

12 Raleway смотрится минималистично, довольно мягко и при этом нейтрально. Благодаря этому дизайн сайтов и шаблонных лендингов с ним выглядит легко и по-хорошему безликоСкриншот:<a>Rise Church Portland</a>/ Skillbox MediaСемейство Raleway дополняет акцидентный шрифт Raleway Dots. Это декоративная гарнитура с поддержкой латинских алфавитов - кириллические тексты оформить им, к сожалению, не получится.

13 Скриншот:<a>Google Fonts</a>/ Skillbox MediaRaleway очень популярен в дизайне - он универсальный и бесплатный. Этот шрифт стоит использовать:

14 <ul><li>для заголовков и выносов текста;</li>

15 <li>как дополнительный шрифт в фирменных стилях брендов;</li>

16 <li>чтобы оформлять мелкий текст в технических документах;</li>

17 <li>и особенно - в веб-дизайне, дизайне приложений и лендингов.</li>

18 </ul>Этот шрифт часто встречается в дизайне интерфейсов. Для текста на индикаторах, кнопках и названиях разделов подходит Raleway со средней насыщенностью или полужирныйИзображение: Jared Christman /<a>Dribbble</a>А ещё Raleway стал известен и популярен благодаря тому, что дизайнерам оказалось легко составлять с ним эффектные шрифтовые пары.

19 Скриншот:<a>The Cube Madrid</a>/ Skillbox MediaСайт для бизнеса, который помогает стартапам выйти на рынок: в типографике использовали пару из Right Grotesk для крупных заголовков и Raleway для пояснений. На кнопке - чуть более плотный и зауженный Right Grotesk Compact. В этой шрифтовой паре Right Grotesk отвечает за динамику, а Raleway - за лёгкую читаемость сложных тезисов.

20 Изображение: издательство "Стрекоза" / "<a>Лабиринт</a>"Нестандартное шрифтовое решение в сборнике сказок братьев Гримм. Основной текст оформлен гротеском Raleway, а не традиционной антиквой, а заголовки - немного "сказочным" шрифтом с засечками University Roman. Если нужна похожая гарнитура в антикварном стиле, можно обратиться к популярным Palatino или Bookman Old Style.

21 Фото: "IT-конференция по JS-разработке "Сибирь.js“" / "ВКонтакте"Фирменный стиль для конференции разработчиков "Сибирь.js" яркий не только благодаря неоновой цветовой схеме. Для этой айдентики дизайнеры собрали шрифтовую пару из "пиксельного" акцидентного гротеска IgraSans и нейтрального Raleway.

22 Изображение: Julia Ozhiganova /<a>Behance</a>На упаковке этого шоколада несколько шрифтов, которые не отвлекают от иллюстраций, а гармонично поддерживают их. В логотипе и отметке о весе - леттеринг, а для надписи о продукте использована пара из разборчивых шрифтов - узкого гротеска и Raleway.

23 Скриншот:<a>DOT Interiors</a>/ Skillbox MediaМинималистичная графика логотипа для архитектурно-интерьерной студии - это буквы D, O и Т в ультражирном начертании шрифта Raleway. Их чёткая симметрия и визуальный вес отражают ценности компании - основательность, аккуратность и серьёзность. К тому же этот логотип выглядит родственно фирменной типографике, которая построена на сочетании шрифтов Raleway в разных начертаниях.

24 По решению создателей и владельцев Raleway распространяется только бесплатно. Если вы встретите на каком-либо ресурсе предложение купить его, знайте - это незаконно.

25 Скачать Raleway можно:

26 <ul><li>на сайте студии<a>The League of Moveable Type</a>;</li>

27 <li>на платформе<a>Google Fonts</a>;</li>

28 <li>в каталогах<a>Font Squirrel</a>и <a>Fontstorage</a>;</li>

29 </ul>Также Raleway можно активировать одним кликом в графических инструментах<a>Adobe</a>.

30 "Сестринский" Raleway Dots доступен на <a>Google Fonts</a>и на сайте<a>Best of Fonts</a> - тоже бесплатно.

31 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>