calcom/sans-ui

O que é?

Recursos principais

• 01Eixos variáveis para peso, geometria (GEOM), altura das ascendentes, nitidez e itálica.
• 02Tamanho óptico fixo no desenho de interface de 10 pt.
• 03Inclui 20 conjuntos estilísticos e 42 variantes de caracteres por meio de recursos OpenType.
• 04Distribuída como pacote npm com arquivos CSS e um wrapper de fontes locais para Next.js.
• 05Proporções verticais desenhadas para corresponder às de fontes de interface comuns, como Inter e Roboto.

Casos de uso

• Definir a fonte de textos corridos e de interface em um app web ou sistema de design com tamanho de 14–15px.
• Substituir Inter ou Roboto na interface de um produto sem redimensionar botões e campos de entrada.
• Usar uma fonte variável hospedada localmente em um projeto com Next.js App Router.
• Aplicar padrões personalizados e recursos OpenType em ferramentas de design compatíveis com recursos de fontes.

Início rápido

1. 1

   Instale o pacote pelo npm

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

   Importe a folha de estilos no app e defina a família tipográfica como "Cal Sans Text UI"

Antes de usar

• !Os metadados não informam nenhuma licença detectada, embora o README mencione SIL Open Font License; verifique a licença antes de usar.
• !A fonte é otimizada para textos de interface de 14–15 px; para títulos e tamanhos de exibição, a fonte Cal Sans completa é mais adequada.
• !O uso com Next.js requer Next.js 13.2 ou posterior como peer dependency.

Tópicos

Perguntas frequentes

O que é sans-ui?

Versão variável de Cal Sans v2 otimizada para interfaces, criada para textos de 14–15px em telas de alta densidade. Cal Sans Text UI é a versão para interfaces da família tipográfica Cal Sans v2, criada por Mark Davis para Cal.com. O eixo de tamanho óptico fica fixo no desenho de interface de 10 pt, enquanto peso, geometria (GEOM), altura das ascendentes, nitidez e uma itálica desenhada a 9,5° continuam ajustáveis. A fonte é otimizada para textos de 14–15px e distribuída no npm com arquivos CSS e um wrapper de fontes para Next.js.

sans-ui é gratuito? Qual é a licença?

sans-ui é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.

sans-ui ainda é mantido?

Manutenção ativa. O último commit de sans-ui foi em 6 de out. de 2026.

Para que posso usar sans-ui?

Definir a fonte de textos corridos e de interface em um app web ou sistema de design com tamanho de 14–15px. Substituir Inter ou Roboto na interface de um produto sem redimensionar botões e campos de entrada. Usar uma fonte variável hospedada localmente em um projeto com Next.js App Router. Aplicar padrões personalizados e recursos OpenType em ferramentas de design compatíveis com recursos de fontes.

Como instalar sans-ui?

Instale o pacote pelo npm: npm i @calcom/cal-sans-ui Importe a folha de estilos no app e defina a família tipográfica como "Cal Sans Text UI"

Onde consigo sans-ui?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/calcom/sans-ui