Kit de marca

Recursos e diretrizes da marca

Use recursos e diretrizes para representar a Cal.com de forma consistente em todas as plataformas e pontos de contato.

Cores

A paleta de cores da Cal.com é um conjunto preciso de tons de cinza planos. Use estas cores de forma consistente em todos os materiais da marca.

Clique em uma amostra para copiar seu valor.

Tipografia

Nossa fonte principal é a Cal Sans, de Mark Davis. É uma sem serifa geométrica para casos de uso exigentes. Ela mantém seu apelo de perto, com letras que sempre parecem como os usuários esperam. É uma escolha exclusivamente acolhedora para produtos digitais e texto corrido. Tem mais energia por caractere, mas ainda parece transparente, neutra e sem impor opinião.

Nossa fonte secundária é a Cal Sans UI.

Cal Sans e Cal Sans UI

Digite no espécime para testar suas próprias palavras.

Display
80 px, 700
Título da seção
56 px, 700
Lead
24 px, 500
Corpo
16 px, 400
Legenda
12 px, 500
Ver

Iconografia

Usamos o conjunto de ícones Lucide. Lucide é um conjunto com 1.701 ícones.

Ícones de UI têm uma forma simples em linha e expressam funcionalidades essenciais. Clique em um ícone para copiar seu SVG.

43 icons

Ver todos os ícones Lucide

coss.com UI

Uma biblioteca nova e moderna de componentes de UI criada sobre o Base UI. Os blocos de construção para a aplicação da Cal.com e para a plataforma coss.com mais ampla.

Ver
  • Diálogo de alerta

    Um diálogo que exige uma resposta do usuário para continuar.

  • Avatar

    Um elemento de imagem com uma alternativa para representar o usuário.

  • Grupo de alternância

    Fornece um estado compartilhado para uma série de botões de alternância.