Recursos y directrices de marca
Usa los recursos y las directrices para representar Cal.com de forma coherente en todas las plataformas y puntos de contacto.
Logo
El logo de Cal.com debe usarse en todas las referencias a Cal.com siempre que el espacio lo permita.
Para diseños ajustados o cuadrículas solo con logos, el icono de Cal.com es una forma concisa de hacer referencia a Cal.com. También sirve como favicon.
Logotipo textual
El logo para cada referencia a Cal.com donde el espacio lo permita.
Icono
Para diseños ajustados, cuadrículas de logos y el favicon.
Colores
La paleta de colores de Cal.com es un conjunto preciso de tonos grises planos. Usa estos colores de forma coherente en todos los materiales de marca.
Haz clic en una muestra para copiar su valor.
Tipografía
Nuestra tipografía principal es Cal Sans, de Mark Davis. Es una sans serif geométrica para casos de uso exigentes. Mantiene su atractivo de cerca, con letras que siempre se ven como los usuarios esperan. Es una opción especialmente cálida para productos digitales y texto corrido. Tiene mucha personalidad, pero sigue resultando transparente, neutral y nada intrusiva.
Nuestra tipografía secundaria es Cal Sans UI.
Escribe en la muestra para probar tus propias palabras.
- Display
- 80 px, 700
- Título de sección
- 56 px, 700
- Entradilla
- 24 px, 500
- Cuerpo
- 16 px, 400
- Pie
- 12 px, 500
Iconografía
Usamos el conjunto de iconos Lucide. Lucide es un conjunto de 1,701 iconos.
Los iconos de interfaz tienen una forma lineal sencilla y expresan funcionalidad esencial. Haz clic en un icono para copiar su SVG.
coss.com UI
Una nueva y moderna biblioteca de componentes UI creada sobre Base UI. Los bloques básicos para la aplicación de Cal.com y la plataforma coss.com en general.
Diálogo de alerta
Un diálogo que requiere una respuesta del usuario para continuar.
Avatar
Un elemento de imagen con una alternativa para representar al usuario.
Grupo de alternancia
Proporciona un estado compartido a una serie de botones de alternancia.