Recursos e diretrizes da marca
Usa recursos e diretrizes para representar a Cal.com de forma consistente em todas as plataformas e pontos de contacto.
Logótipo
O logótipo da Cal.com deve ser usado em todas as referências à Cal.com, sempre que o espaço o permita.
Em layouts apertados ou grelhas apenas com logótipos, o ícone da Cal.com é uma forma concisa de referir a Cal.com. Também serve como favicon.
Marca nominativa
O logótipo para todas as referências à Cal.com, sempre que o espaço o permita.
Ícone
Para layouts apertados, grelhas de logótipos e o favicon.
Cores
A paleta de cores da Cal.com é um conjunto preciso de tons planos de cinzento. 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 utilização 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 produtos digitais e texto corrido. Tem mais balanço por grama, mas continua a parecer transparente, neutra e discreta.
O nosso tipo secundário é Cal Sans UI.
Escreve na amostra para experimentar as tuas próprias palavras.
- Destaque
- 80 px, 700
- Título da secção
- 56 px, 700
- Introdução
- 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.
Os ícones de UI têm uma forma simples em linha e expressam funcionalidades essenciais. Clica num ícone para copiar o seu SVG.
43 icons
coss.com UI
Uma biblioteca nova e moderna 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.
Diálogo de alerta
Um diálogo que exige uma resposta do utilizador para avançar.
Avatar
Um elemento de imagem com alternativa para representar o utilizador.
Grupo de alternância
Fornece um estado partilhado a uma série de botões de alternância.