Materiały marki i wytyczne
Używaj materiałów i wytycznych, aby spójnie przedstawiać Cal.com na wszystkich platformach i w każdym punkcie kontaktu.
Logo
Logo Cal.com powinno być używane we wszystkich odniesieniach do Cal.com, gdy pozwala na to miejsce.
W ciasnych układach lub siatkach samych logo ikona Cal.com to zwięzły sposób odwołania się do Cal.com. Służy też jako favicon.
Logotyp
Logo do każdego odniesienia do Cal.com, gdy pozwala na to miejsce.

Ikona
Do ciasnych układów, siatek logo i faviconu.
Kolory
Paleta kolorów Cal.com to precyzyjny zestaw płaskich odcieni szarości. Używaj tych kolorów konsekwentnie we wszystkich materiałach marki.
Kliknij próbkę, aby skopiować jej wartość.
Typografia
Naszym podstawowym krojem pisma jest Cal Sans autorstwa Marka Davisa. To geometryczny krój bezszeryfowy do wymagających zastosowań. Zachowuje swój urok z bliska, a litery zawsze wyglądają tak, jak oczekują tego użytkownicy. To wyjątkowo ciepły wybór do produktów cyfrowych i tekstu ciągłego. Ma więcej sprężystości w każdym znaku, ale nadal pozostaje przejrzysty, neutralny i nienarzucający się.
Naszym krojem pomocniczym jest Cal Sans UI.
Wpisz tekst w próbniku, aby wypróbować własne słowa.
- Nagłówek display
- 80 px, 700
- Tytuł sekcji
- 56 px, 700
- Lead
- 24 px, 500
- Tekst główny
- 16 px, 400
- Podpis
- 12 px, 500
Ikonografia
Używamy zestawu ikon Lucide. Lucide to zestaw 1,701 ikon.
Ikony UI mają prostą, liniową formę i wyrażają podstawowe funkcje. Kliknij ikonę, aby skopiować jej SVG.
coss.com UI
Nowa, nowoczesna biblioteka komponentów UI zbudowana na Base UI. Elementy składowe aplikacji Cal.com i szerszej platformy coss.com.
Alert
Wyróżniony komunikat do wyświetlania ważnych informacji.
Okno alertu
Okno dialogowe, które wymaga odpowiedzi użytkownika, aby przejść dalej.
Grupa przełączników
Zapewnia wspólny stan dla serii przycisków przełączania.
