Cal.com — Steps / How-it-works
'With us, appointment scheduling is easy' with three numbered cards: 1 Connect your calendar, 2 Set your availability, 3 Choose how to meet.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/cal-com-3-step-setup.
Palette
#F4F4F4#374151#0000EE
Fonts
Cal SansInter
Page types
Detail
UX patterns
Progressive OnboardingWizard / Stepper
UI elements
Card
Context
Other sections on this page
- Hero — Cal.com scheduling hero
- Logo Wall — Trusted-by logo wall
- Bento Grid — All-purpose scheduling features
- Feature — And so much more feature grid
- Testimonial / Social Proof — Switcher testimonials
- Integrations — App integrations sync
- Testimonial / Social Proof — User love wall
- FAQ — Frequently asked questions
- CTA / Sign-up — Final sign-up CTA
- Footer — Footer