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 hero, pricing and footer. 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: 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
- 03
- 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.
