Ressources et directives de marque
Utilisez les ressources et les directives pour représenter Cal.com de façon cohérente sur toutes les plateformes et tous les points de contact.
Logo
Le logo Cal.com doit être utilisé dans toutes les références à Cal.com lorsque l’espace le permet.
Pour les mises en page compactes ou les grilles de logos seuls, l’icône Cal.com est une manière concise de faire référence à Cal.com. Elle sert également de favicon.
Logotype
Le logo pour chaque référence à Cal.com lorsque l’espace le permet.

Icône
Pour les mises en page compactes, les grilles de logos et le favicon.
Couleurs
La palette de couleurs Cal.com est un ensemble précis de tons de gris plats. Utilisez ces couleurs de manière cohérente dans tous les supports de marque.
Cliquez sur un échantillon pour copier sa valeur.
Typographie
Notre police principale est Cal Sans de Mark Davis. C’est une sans-serif géométrique conçue pour les usages exigeants. Elle garde son attrait de près, avec des lettres qui ressemblent toujours à ce que les utilisateurs attendent. C’est un choix particulièrement chaleureux pour les produits numériques et le texte courant. Elle a plus de ressort, tout en restant transparente, neutre et sans parti pris.
Notre police secondaire est Cal Sans UI.
Tapez dans le spécimen pour essayer vos propres mots.
- Affichage
- 80 px, 700
- Titre de section
- 56 px, 700
- Chapeau
- 24 px, 500
- Corps
- 16 px, 400
- Légende
- 12 px, 500
Iconographie
Nous utilisons le jeu d’icônes Lucide. Lucide est un jeu de 1,701 icônes.
Les icônes d’interface ont une forme linéaire simple et expriment les fonctionnalités essentielles. Cliquez sur une icône pour copier son SVG.
coss.com UI
Une nouvelle bibliothèque moderne de composants d’interface, construite sur Base UI. Les briques de base de l’application Cal.com et de la plateforme coss.com au sens large.
Boîte de dialogue d’alerte
Une boîte de dialogue qui nécessite une réponse de l’utilisateur pour continuer.
Avatar
Un élément d’image avec une solution de repli pour représenter l’utilisateur.
Badge
Un badge ou un composant qui ressemble à un badge.
Groupe de bascules
Fournit un état partagé à une série de boutons bascule.
