![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 1.882 24 C 0.843 24 0 23.157 0 22.118 L 0 1.882 C 0 0.843 0.843 0 1.882 0 L 22.118 0 C 23.157 0 24 0.843 24 1.882 L 24 22.118 C 24 23.157 23.157 24 22.118 24 Z M 7.892 15.992 C 5.674 15.992 4 14.264 4 12.132 C 4 9.988 5.589 8.25 7.892 8.25 C 9.107 8.25 9.951 8.624 10.623 9.423 L 9.566 10.34 C 9.118 9.871 8.564 9.636 7.892 9.636 C 6.452 9.636 5.547 10.767 5.547 12.132 C 5.547 13.496 6.452 14.606 7.924 14.606 C 8.649 14.606 9.193 14.361 9.63 13.88 L 10.718 14.808 C 10.153 15.49 9.193 15.992 7.892 15.992 Z M 13.24 15.922 C 11.715 15.922 10.5 14.632 10.5 13.032 C 10.5 11.433 11.715 10.122 13.24 10.122 C 14.2 10.122 14.701 10.516 15 11.113 L 15 10.239 L 16.428 10.239 L 16.428 15.784 L 15.031 15.784 L 15.031 14.877 C 14.733 15.507 14.231 15.922 13.24 15.922 Z M 11.939 13.023 C 11.939 13.865 12.557 14.622 13.475 14.622 C 14.424 14.622 15.031 13.897 15.031 13.033 C 15.031 12.169 14.424 11.423 13.475 11.423 C 12.557 11.423 11.939 12.159 11.939 13.022 Z M 17.284 15.784 L 17.284 8 L 18.724 8 L 18.724 15.784 L 17.284 15.784 Z" fill="transparent" height="24px" id="ZMViDDkUi" width="24px"><path d="M 1.882 24 C 0.843 24 0 23.157 0 22.118 L 0 1.882 C 0 0.843 0.843 0 1.882 0 L 22.118 0 C 23.157 0 24 0.843 24 1.882 L 24 22.118 C 24 23.157 23.157 24 22.118 24 Z" fill="rgb(36, 36, 36)" height="24px" id="WCm44spAV" width="24px"/><path d="M 3.892 7.742 C 1.674 7.742 0 6.014 0 3.882 C 0 1.738 1.589 0 3.892 0 C 5.107 0 5.951 0.374 6.623 1.173 L 5.566 2.09 C 5.118 1.621 4.564 1.386 3.892 1.386 C 2.452 1.386 1.547 2.517 1.547 3.882 C 1.547 5.246 2.452 6.356 3.924 6.356 C 4.649 6.356 5.193 6.111 5.63 5.63 L 6.718 6.558 C 6.153 7.24 5.193 7.742 3.892 7.742 Z" fill="rgb(255, 255, 255)" height="7.741500000000002px" id="XEPpGD7l5" transform="translate(4 8.25)" width="6.717999999999989px"/><path d="M 2.74 7.922 C 1.215 7.922 0 6.632 0 5.032 C 0 3.433 1.215 2.122 2.74 2.122 C 3.7 2.122 4.201 2.516 4.5 3.113 L 4.5 2.239 L 5.928 2.239 L 5.928 7.784 L 4.531 7.784 L 4.531 6.877 C 4.233 7.507 3.731 7.922 2.74 7.922 Z M 1.439 5.023 C 1.439 5.865 2.057 6.622 2.975 6.622 C 3.924 6.622 4.531 5.897 4.531 5.033 C 4.531 4.169 3.924 3.423 2.975 3.423 C 2.057 3.423 1.439 4.159 1.439 5.022 Z M 6.784 7.784 L 6.784 0 L 8.224 0 L 8.224 7.784 L 6.784 7.784 Z" fill="rgb(255, 255, 255)" height="7.9224997406005855px" id="lGDJupIUR" transform="translate(10.5 8)" width="8.223500194549558px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 2 8 C 0.895 8 0 7.105 0 6 L 0 2 C 0 0.895 0.895 0 2 0 L 6 0 C 7.105 0 8 0.895 8 2 L 8 6 C 8 7.105 7.105 8 6 8 Z M 4 8 L 4 12 C 4 13.105 4.895 14 6 14 L 10 14 M 12 18 C 10.895 18 10 17.105 10 16 L 10 12 C 10 10.895 10.895 10 12 10 L 16 10 C 17.105 10 18 10.895 18 12 L 18 16 C 18 17.105 17.105 18 16 18 Z" fill="transparent" height="18px" id="Ioh1JC5rr" transform="translate(3 3)" width="18px"><path d="M 2 8 C 0.895 8 0 7.105 0 6 L 0 2 C 0 0.895 0.895 0 2 0 L 6 0 C 7.105 0 8 0.895 8 2 L 8 6 C 8 7.105 7.105 8 6 8 Z" fill="transparent" height="8px" id="ZrCrI93dV" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(0, 0, 0)" width="8px"/><path d="M 0 0 L 0 4 C 0 5.105 0.895 6 2 6 L 6 6" fill="transparent" height="6px" id="emltWYAiE" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(0, 0, 0)" transform="translate(4 8)" width="6px"/><path d="M 2 8 C 0.895 8 0 7.105 0 6 L 0 2 C 0 0.895 0.895 0 2 0 L 6 0 C 7.105 0 8 0.895 8 2 L 8 6 C 8 7.105 7.105 8 6 8 Z" fill="transparent" height="8px" id="WpBecYDfi" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(0, 0, 0)" transform="translate(10 10)" width="8px"/></g></svg>)
Ativos e diretrizes da marca
Use recursos e diretrizes para representar a Cal.com de forma consistente em todas as plataformas e pontos de contacto.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 1.333 12 L 10.667 12 C 11.403 12 12 11.403 12 10.667 L 12 1.333 C 12 0.597 11.403 0 10.667 0 L 1.333 0 C 0.597 0 0 0.597 0 1.333 L 0 10.667 C 0 11.403 0.597 12 1.333 12 Z M 1.333 12 L 8.667 4.667 L 12 8 M 4.667 3.667 C 4.667 4.219 4.219 4.667 3.667 4.667 C 3.114 4.667 2.667 4.219 2.667 3.667 C 2.667 3.114 3.114 2.667 3.667 2.667 C 4.219 2.667 4.667 3.114 4.667 3.667 Z" fill="transparent" height="12px" id="J40DykqKY" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(0.75 0.75)" width="12px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 1.255 16 C 0.562 16 0 15.438 0 14.745 L 0 1.255 C 0 0.562 0.562 0 1.255 0 L 14.745 0 C 15.438 0 16 0.562 16 1.255 L 16 14.745 C 16 15.438 15.438 16 14.745 16 Z" fill="rgb(36, 36, 36)" height="16px" id="F7TqbRgiA" width="16px"/><path d="M 2.595 5.161 C 1.116 5.161 0 4.009 0 2.588 C 0 1.159 1.059 0 2.595 0 C 3.405 0 3.967 0.249 4.415 0.782 L 3.711 1.393 C 3.412 1.081 3.043 0.924 2.595 0.924 C 1.635 0.924 1.031 1.678 1.031 2.588 C 1.031 3.498 1.635 4.237 2.616 4.237 C 3.099 4.237 3.462 4.073 3.754 3.753 L 4.479 4.372 C 4.102 4.827 3.462 5.161 2.595 5.161 Z" fill="rgb(255, 255, 255)" height="5.16102px" id="fE7fiSTaQ" transform="translate(2.587 5.468)" width="4.47861px"/><path d="M 1.827 3.867 C 0.81 3.867 0 3.007 0 1.941 C 0 0.874 0.81 0 1.827 0 C 2.467 0 2.801 0.263 3 0.661 L 3 0.078 L 3.953 0.078 L 3.953 3.775 L 3.021 3.775 L 3.021 3.171 C 2.822 3.59 2.488 3.867 1.827 3.867 Z M 0.96 1.934 C 0.96 2.495 1.372 3 1.983 3 C 2.616 3 3.021 2.517 3.021 1.941 C 3.021 1.365 2.616 0.867 1.983 0.867 C 1.372 0.867 0.96 1.358 0.96 1.934 Z" fill="rgb(255, 255, 255)" height="3.8671999999999995px" id="mV_snJJ0o" transform="translate(7.05 6.762)" width="3.95254px"/><path d="M 0 5.189 L 0 0 L 0.96 0 L 0.96 5.189 Z" fill="rgb(255, 255, 255)" height="5.18947px" id="x0DHEthQC" transform="translate(11.573 5.347)" width="1px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 0.333 0.667 C 0.517 0.667 0.667 0.517 0.667 0.333 C 0.667 0.149 0.517 0 0.333 0 C 0.149 0 0 0.149 0 0.333 C 0 0.517 0.149 0.667 0.333 0.667 Z" fill="transparent" height="1px" id="eZHo1064g" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(8.083 3.417)" width="1px"/><path d="M 0.333 0.667 C 0.517 0.667 0.667 0.517 0.667 0.333 C 0.667 0.149 0.517 0 0.333 0 C 0.149 0 0 0.149 0 0.333 C 0 0.517 0.149 0.667 0.333 0.667 Z" fill="transparent" height="1px" id="YtFVH01kE" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(10.75 6.083)" width="1px"/><path d="M 0.333 0.667 C 0.517 0.667 0.667 0.517 0.667 0.333 C 0.667 0.149 0.517 0 0.333 0 C 0.149 0 0 0.149 0 0.333 C 0 0.517 0.149 0.667 0.333 0.667 Z" fill="transparent" height="1px" id="Z32x6mJQH" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(4.75 4.083)" width="1px"/><path d="M 0.333 0.667 C 0.517 0.667 0.667 0.517 0.667 0.333 C 0.667 0.149 0.517 0 0.333 0 C 0.149 0 0 0.149 0 0.333 C 0 0.517 0.149 0.667 0.333 0.667 Z" fill="transparent" height="1px" id="gMHhLpS4Z" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(3.417 7.417)" width="1px"/><path d="M 6.667 0 C 3 0 0 3 0 6.667 C 0 10.333 3 13.333 6.667 13.333 C 7.284 13.333 7.765 12.836 7.765 12.208 C 7.765 11.917 7.645 11.651 7.474 11.458 C 7.281 11.265 7.182 11.023 7.182 10.708 C 7.179 10.561 7.207 10.415 7.261 10.28 C 7.316 10.143 7.398 10.02 7.502 9.916 C 7.606 9.812 7.729 9.73 7.865 9.675 C 8.002 9.62 8.147 9.594 8.294 9.596 L 9.625 9.596 C 11.659 9.596 13.328 7.927 13.328 5.893 C 13.31 2.675 10.307 0 6.667 0 Z" fill="transparent" height="13.3333px" id="ycv_johRU" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(0.75 0.75)" width="13.328px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path d="M 0 2 L 0 0 L 10.667 0 L 10.667 2 M 3.333 10.667 L 7.333 10.667 M 5.333 0 L 5.333 10.667" fill="transparent" height="10.66670036315918px" id="hbvOGawBW" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(0.75 0.75)" width="10.6667px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 6.667 0 L 8.727 4.173 L 13.333 4.847 L 10 8.093 L 10.787 12.68 L 6.667 10.513 L 2.547 12.68 L 3.333 8.093 L 0 4.847 L 4.607 4.173 Z" fill="transparent" height="12.68px" id="rNYWNGsuA" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(0.75 0.75)" width="13.3333px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 4.8 0 L 4.8 3 M 0 3 L 12 3 M 2.4 0 L 2.4 3 M 1.2 0 L 10.8 0 C 11.463 0 12 0.672 12 1.5 L 12 10.5 C 12 11.328 11.463 12 10.8 12 L 1.2 12 C 0.537 12 0 11.328 0 10.5 L 0 1.5 C 0 0.672 0.537 0 1.2 0 Z" fill="transparent" height="12px" id="rJLYR5fcN" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(60, 63, 67)" transform="translate(0.75 0.75)" width="12px"/></svg>)
Logótipo
O logótipo da Cal.com deve ser utilizado em todas as referências à Cal.com, desde que o espaço o permita.
Ícone
Para layouts compactos ou grelhas apenas com logótipos, o ícone da Cal.com é uma forma concisa de se referir à Cal.com. Também serve como favicon.
Cores
A paleta de cores da Cal.com é uma gama precisa de tons de cinzento plano. Utilize estas cores de forma consistente em todos os materiais da marca.
100
#F7F7F7
200
#E1E2E3
300
#C0C2C4
400
#858585
500
#575757
600
#424242
700
#343434
800
#242424
900
#101010
Tipografia
O nosso tipo de letra principal é o Cal Sans de Mark Davis. É uma sans serif geométrica para casos de utilização exigentes. Mantém o seu apelo de perto, com as letras a parecerem sempre como os utilizadores esperam. É uma escolha unicamente acolhedora para produtos digitais e texto corrido. Tem mais dinamismo por centímetro, mas continua a parecer transparente, neutra e sem opiniões vincadas.
O nosso tipo de letra secundário é o Cal Sans UI.
Cal Sans e Cal Sans UI
Iconografia
Usamos o conjunto de ícones Lucide. O Lucide é um conjunto de ícones totalmente em código aberto que contém 1.701 ícones.
Os ícones de interface de utilizador têm uma forma de linha simples e expressam funcionalidades essenciais.
Interface do Utilizador da coss.com
Uma nova e moderna biblioteca de componentes de UI desenvolvida com base no Base UI. Os blocos de construção para a aplicação Cal.com e para a plataforma mais ampla coss.com.
