Ressources et directives de marque
Utilisez les ressources et 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 avec logo seul, l’icône Cal.com est une façon concise de faire référence à Cal.com. Elle sert aussi de favicon.
Logo typographique
Le logo pour toute 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 gris plats. Utilisez ces couleurs de façon 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 tout son attrait de près, avec des lettres qui correspondent toujours aux attentes des utilisateurs. 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.
Saisissez du texte dans le spécimen pour essayer vos propres mots.
- Affichage
- 80 px, 700
- Titre de section
- 56 px, 700
- Introduction
- 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 simple en trait 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 solution de repli pour représenter l’utilisateur.
Badge
Un badge ou un composant qui ressemble à un badge.
Groupe de boutons bascule
Fournit un état partagé à une série de boutons bascule.
