HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-21
1 <p>Компания O’stin провела ребрендинг и обновила шрифт: задача дизайнеров заключалась в том, чтобы разработать прямые начертания для рациональной аудитории и италики (курсив) - для более эмоциональной.</p>
1 <p>Компания O’stin провела ребрендинг и обновила шрифт: задача дизайнеров заключалась в том, чтобы разработать прямые начертания для рациональной аудитории и италики (курсив) - для более эмоциональной.</p>
2 <em>Изображение:<a>TypeType</a></em><p>Команда O’stin подготовила обновлённую концепцию бренда и обратилась к TypeType за подходящим шрифтом. Было два варианта -создать гарнитуру с нуля или взять один из уже готовых работ студии и адаптировать её. Выбрали второй путь - он быстрее и экономичнее, но всё равно требовал серьёзной работы.</p>
2 <em>Изображение:<a>TypeType</a></em><p>Команда O’stin подготовила обновлённую концепцию бренда и обратилась к TypeType за подходящим шрифтом. Было два варианта -создать гарнитуру с нуля или взять один из уже готовых работ студии и адаптировать её. Выбрали второй путь - он быстрее и экономичнее, но всё равно требовал серьёзной работы.</p>
3 <em>Изображение:<a>TypeType</a></em><p>Сначала команда TypeType провела исследование: как ведут себя конкуренты, какие шрифты у кого используются, что работает на рациональную аудиторию, а что - на эмоциональную. Выяснилось, что сам факт наличия фирменного шрифта уже делает бренд ближе к эмоциональному сегменту. А если этот шрифт - геометрический гротеск, да ещё с италиками, то эффект усиливается.</p>
3 <em>Изображение:<a>TypeType</a></em><p>Сначала команда TypeType провела исследование: как ведут себя конкуренты, какие шрифты у кого используются, что работает на рациональную аудиторию, а что - на эмоциональную. Выяснилось, что сам факт наличия фирменного шрифта уже делает бренд ближе к эмоциональному сегменту. А если этот шрифт - геометрический гротеск, да ещё с италиками, то эффект усиливается.</p>
4 <em>Изображение:<a>TypeType</a></em><p>В итоге выбрали шрифт TT Fors - его восприняли как надёжный, современный и довольно универсальный. Гарнитура должна быть не только красивой, но и удобной. Её должно быть легко использовать в макетах, на сайте и в приложениях, без серьёзной переработки верстки.</p>
4 <em>Изображение:<a>TypeType</a></em><p>В итоге выбрали шрифт TT Fors - его восприняли как надёжный, современный и довольно универсальный. Гарнитура должна быть не только красивой, но и удобной. Её должно быть легко использовать в макетах, на сайте и в приложениях, без серьёзной переработки верстки.</p>
5 <em>Изображение:<a>TypeType</a></em><p>Поэтому шрифт получил 4 прямых и 4 курсивных начертания. Его название изменили с TT Fors Medium на Ostin Sans SemiBold. Кроме того, дизайнеры подкорректировали разрядку, цифры и математические знаки, немного смягчили пропорции букв, чтобы они лучше смотрелись в реальных макетах, и добавили фирменные графические детали, чтобы шрифт стал более узнаваемым.</p>
5 <em>Изображение:<a>TypeType</a></em><p>Поэтому шрифт получил 4 прямых и 4 курсивных начертания. Его название изменили с TT Fors Medium на Ostin Sans SemiBold. Кроме того, дизайнеры подкорректировали разрядку, цифры и математические знаки, немного смягчили пропорции букв, чтобы они лучше смотрелись в реальных макетах, и добавили фирменные графические детали, чтобы шрифт стал более узнаваемым.</p>
6 <em>Изображение:<a>TypeType</a></em><p>Создание курсивов потребовало отдельных усилий. Команда рисовала их с нуля, ориентируясь на характер основного шрифта. Особенно много внимания потребовалось для строчных букв. В них добавили плавные переходы и изменили форму, чтобы всё выглядело гармонично.</p>
6 <em>Изображение:<a>TypeType</a></em><p>Создание курсивов потребовало отдельных усилий. Команда рисовала их с нуля, ориентируясь на характер основного шрифта. Особенно много внимания потребовалось для строчных букв. В них добавили плавные переходы и изменили форму, чтобы всё выглядело гармонично.</p>
7 <em>Изображение:<a>TypeType</a></em><p>Чтобы сделать гарнитуру завершённой, в прямые начертания добавили несколько выразительных элементов из курсивов - например, более мягкие диагональные штрихи. Это связало два стиля в единое семейство.</p>
7 <em>Изображение:<a>TypeType</a></em><p>Чтобы сделать гарнитуру завершённой, в прямые начертания добавили несколько выразительных элементов из курсивов - например, более мягкие диагональные штрихи. Это связало два стиля в единое семейство.</p>
8 <em>Изображение:<a>TypeType</a></em><p>Дальше началась техническая часть: дизайнеры настроили вертикальные параметры, чтобы новый шрифт легко заменял старый, и провели ручной кернинг (то есть настройку интервала между буквами), чтобы текст был читаемым в любом размере. А ещё команда настроила хинтинг, чтобы шрифт чётко отображался даже на экранах с невысоким разрешением.</p>
8 <em>Изображение:<a>TypeType</a></em><p>Дальше началась техническая часть: дизайнеры настроили вертикальные параметры, чтобы новый шрифт легко заменял старый, и провели ручной кернинг (то есть настройку интервала между буквами), чтобы текст был читаемым в любом размере. А ещё команда настроила хинтинг, чтобы шрифт чётко отображался даже на экранах с невысоким разрешением.</p>
9 <em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em>
9 <em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em><em>Изображение:<a>TypeType</a></em>