Cal.com — Steps / How-it-works

Productivity · 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.

Open in Mozaika →

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

Fonts

Page types

UX patterns

UI elements

Context

• Parent page: The better way to schedule your meetings
• All of Cal.com

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