Cal
cal.com/
Cal is a Productivity product. See its cal.com landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, footers, about us, contact us, pricing & plans, and 3 more. It's built with Framer. Its type is set in Cal Sans, anchored by a #fafafa palette. Study how Cal structures its messaging, layout and visual hierarchy, then explore more of the best Productivity website designs.
Featured in: 22 SaaS Affiliate Program Pages, and the Terms They Actually Publish, The Most Common SaaS Website Tech Stacks in 2026
- Category
- Productivity
- Meta title
- Cal.com | Scheduling Software for Online Bookings
- Stack
- Framer
- Typography
- DisplayCal SansDisplayCal Sans UI Variable Light
- Palette
- Sections
- 08
- Updated
cal.com/
Cal's landing page, section by section
Each section below is cropped straight from Cal's live page — useful references for productivity landing page design.
