Типографика v2: Tektur, fluid-шрифты и пиксель-крафт
Каталог из 15 000 серверов — это стена текста. Мы пересобрали типографику вокруг display-шрифта с кириллицей, fluid-размеров и единого языка пиксель-арта.
Сайт-каталог живёт или умирает на типографике. Наша скатилась в зоопарк разовых text-4xl sm:text-6xl. Мы пересобрали.
Tektur для заголовков
Заголовки теперь на Tektur — геометрическом display-шрифте с настоящей кириллицей, что важно для двуязычного (EN/RU) продукта. Текст — на чистом sans; mono откатывается на JetBrains Mono на кириллице там, где у пиксельного mono нет глифов.
Fluid-шрифты, а не суп из брейкпоинтов
Размеры заголовков — fluid-токены на clamp(): text-display-hero, text-display-xl, text-display-lg. Один токен плавно масштабируется от телефона до ультраширокого, а не прыгает на брейкпоинтах. Заодно перестали использовать слишком плотный line-height на заголовках (многострочные слипались) и остановились на читаемых 1.05.
Язык пикселей
Бренд — пиксельная эстетика, значит и вспомогательный арт должен быть таким. Иконки фич, маскот и декор — сгенерированный пиксель-арт с единой палитрой (неон magenta / cyan / lime), жирными контурами и чётким image-rendering: pixelated. Open Graph картинки получили то же обращение — расшаренные ссылки выглядят осмысленно.
Зачем это
Доверие. Каталог просит установить код в сессию твоего AI-ассистента. Если страница выглядит неряшливо — листингу не доверяешь. Единая типографика и арт здесь не украшение, а часть истории про безопасность.
Смотри на unyly.org.