Brand kit

Asset e linee guida del brand

Usa asset e linee guida per rappresentare Cal.com in modo coerente su tutte le piattaforme e in tutti i punti di contatto.

Scarica il brand kit

Colori

La palette colori di Cal.com è una suite precisa di tonalità di grigio piatte. Usa questi colori in modo coerente in tutti i materiali del brand.

Clicca su un campione per copiarne il valore.

Tipografia

Il nostro carattere principale è Cal Sans di Mark Davis. È un sans serif geometrico pensato per casi d’uso impegnativi. Mantiene il suo fascino anche da vicino, con lettere che appaiono sempre come gli utenti si aspettano. È una scelta dal calore unico per prodotti digitali e testi correnti. Ha più slancio in ogni dettaglio, ma resta trasparente, neutro e non prescrittivo.

Il nostro carattere secondario è Cal Sans UI.

Cal Sans e Cal Sans UI

Scrivi nel campione per provare le tue parole.

Display
80 px, 700
Titolo di sezione
56 px, 700
Lead
24 px, 500
Corpo
16 px, 400
Didascalia
12 px, 500
Visualizza

Iconografia

Usiamo il set di icone Lucide. Lucide è un set di 1.701 icone.

Le icone UI hanno una forma lineare semplice ed esprimono funzionalità essenziali. Clicca su un’icona per copiarne l’SVG.

43 icons

Sfoglia tutte le icone Lucide

coss.com UI

Una nuova libreria moderna di componenti UI basata su Base UI. I blocchi di base per l’applicazione Cal.com e per la piattaforma coss.com più ampia.

Visualizza

  • Accordion

    Un set di pannelli comprimibili con intestazioni e contenuti.

  • Alert

    Un riquadro per mostrare informazioni importanti.

  • Finestra di dialogo di avviso

    Una finestra di dialogo che richiede una risposta dell’utente per procedere.

  • Avatar

    Un elemento immagine con fallback per rappresentare l’utente.

  • Badge

    Un badge o un componente che assomiglia a un badge.

  • Breadcrumb

    Mostra il percorso verso la risorsa corrente usando una gerarchia di link.

  • Gruppo di toggle

    Fornisce uno stato condiviso a una serie di pulsanti toggle.