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.
Logo
O logo da Cal.com deve ser usado em todas as referências à Cal.com sempre que houver espaço.
Para layouts apertados ou grades só com logos, o ícone da Cal.com é uma forma concisa de se referir à Cal.com. Ele também serve como favicon.
Marca nominativa
O logo para toda referência à Cal.com sempre que houver espaço.

Ícone
Para layouts apertados, grades de logos e o favicon.
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.
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
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
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.
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.
