Kit de marca

Recursos e diretrizes da marca

Usa os recursos e diretrizes para representar a Cal.com de forma consistente em todas as plataformas e pontos de contacto.

Cores

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

Clica numa amostra para copiar o seu valor.

Tipografia

O nosso tipo de letra principal é Cal Sans, de Mark Davis. É uma sans serif geométrica para casos de uso exigentes. Mantém o seu apelo de perto, com letras que têm sempre o aspeto que os utilizadores esperam. É uma escolha singularmente acolhedora para produto digital e texto corrido. Tem mais vivacidade por grama, mas continua a parecer transparente, neutra e sem impor uma opinião.

O nosso tipo secundário é Cal Sans UI.

Cal Sans e Cal Sans UI

Escreve na amostra para experimentares as tuas próprias palavras.

Display
80 px, 700
Título da secçã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.

Os ícones de UI têm uma forma simples de linha e expressam funcionalidades essenciais. Clica num ícone para copiar o seu SVG.

43 icons

Explorar todos os ícones Lucide

coss.com UI

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

Ver
  • Diálogo de alerta

    Uma caixa de diálogo que requer uma resposta do utilizador para continuar.

  • Avatar

    Um elemento de imagem com alternativa para representar o utilizador.

  • Breadcrumb

    Mostra o caminho para o recurso atual usando uma hierarquia de links.

  • Grupo de alternância

    Fornece um estado partilhado a uma série de botões de alternância.