calcom/sans-ui

Что это?

Ключевые возможности

• 01Вариативные оси насыщенности, геометрии (GEOM), высоты выносных элементов, резкости и наклона.
• 02Оптический размер зафиксирован на значении, соответствующем интерфейсному рисунку для 10 pt.
• 03Включает 20 стилистических наборов и 42 варианта символов, доступных через функции OpenType.
• 04Поставляется как npm-пакет с CSS-файлами и обёрткой для локальных шрифтов Next.js.
• 05Вертикальные пропорции рассчитаны на соответствие распространённым интерфейсным шрифтам, таким как Inter и Roboto.

Сценарии использования

• Оформление основного и интерфейсного текста размером 14–15 px в веб-приложении или дизайн-системе.
• Замена Inter или Roboto в интерфейсе продукта без изменения размеров кнопок и полей ввода.
• Использование в проекте на Next.js App Router с самостоятельно размещённым вариативным шрифтом.
• Настройка значений по умолчанию и функций OpenType в инструментах дизайна, поддерживающих функции шрифтов.

Быстрый старт

1. 1

   Установите пакет из npm

   npm i @calcom/cal-sans-ui
2. 2

   Импортируйте таблицу стилей в приложение и задайте семейство шрифтов «Cal Sans Text UI»

Что важно знать

• !В метаданных не указана обнаруженная лицензия, хотя в README упоминается SIL Open Font License. Перед использованием проверьте лицензию.
• !Шрифт оптимизирован для интерфейсного текста размером 14–15 px, поэтому для заголовков и крупных текстовых элементов лучше подойдет полная версия Cal Sans.
• !Для использования с Next.js требуется Next.js 13.2 или новее в качестве peer dependency.

Темы

Частые вопросы

Что такое sans-ui?

Оптимизированная для интерфейсов вариативная версия Cal Sans v2, рассчитанная на текст размером 14–15 px на экранах с высокой плотностью пикселей. Cal Sans Text UI — интерфейсная версия шрифта Cal Sans v2, созданная Марком Дэвисом для Cal.com. Оптический размер зафиксирован на значении, соответствующем интерфейсному рисунку для 10 pt, а насыщенность, геометрия (GEOM), высота выносных элементов, резкость и наклон начертания 9,5° остаются настраиваемыми. Шрифт оптимизирован для текста размером 14–15 px. Пакет распространяется через npm и включает CSS-файлы и обёртку для шрифтов Next.js.

sans-ui можно использовать бесплатно? Какая у него лицензия?

sans-ui распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.

sans-ui всё ещё поддерживается?

Активно поддерживается. Последний коммит в sans-ui — 6 окт. 2026 г..

Для чего можно использовать sans-ui?

Оформление основного и интерфейсного текста размером 14–15 px в веб-приложении или дизайн-системе. Замена Inter или Roboto в интерфейсе продукта без изменения размеров кнопок и полей ввода. Использование в проекте на Next.js App Router с самостоятельно размещённым вариативным шрифтом. Настройка значений по умолчанию и функций OpenType в инструментах дизайна, поддерживающих функции шрифтов.

Как установить sans-ui?

Установите пакет из npm: npm i @calcom/cal-sans-ui Импортируйте таблицу стилей в приложение и задайте семейство шрифтов «Cal Sans Text UI»

Где скачать sans-ui?

Исходный код и инструкции по установке — на GitHub: https://github.com/calcom/sans-ui