UI Sections
SectionsStylesIndustriesCompaniesAbout

Cal.com website design

Every section we captured from the Cal.com website, in page order, from the hero section down to the footer. Open any thumbnail to see it full size.

Visit cal.com (opens in a new tab)

Sections 3

In page order, top to bottom

  1. Cal.com hero section: headline, npx command and buttons left beside tilted isometric calendar booking UI cards on light gray
    01 Hero

    Build your pixel-perfect booking experience

  2. Cal.com pricing section: centered headline with isometric line art on a dotted panel above four plan cards, one dark highlighted
    02 Pricing

    Plug & play components

  3. Cal.com footer section: logo, compliance badges, social icons and language selector beside four link columns on light gray
    03 Footer

Similar companies

All companies
Steel6 sections Chatbase16 sections Mintlify16 sections Customer.io26 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section