Calendly

Item: Calendly
Rating: 7.3

Meeting scheduling software with AI assistant, notetaker and payments.

calendly.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 13,878/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, Google and Microsoft buttons, gradient card3,649
02featuresFour tall cards: book, prep, capture, follow up1,209
03featureText list left, availability UI card right2,167
04featureGradient card left, accordion list right820
05featureText left, video call UI card right820
06featurePayment toggle UI card and list820
07testimonialsBlue gradient band with story carousel1,089
08integrationsIcon grid and link1,068
09ctaCentred CTA with people photo tiles1,070
10footerNavy rounded card with link columns1,038

Rating · Home

Visual design7.6

UX & clarity7.8

Originality6.8

Craft & consistency7.6

Motion6.5

Performance & a11y7.7

This page scores 7.4; the site score weights the home page double.

Main colours

Light·white background·muted

Typography

Calendly Sansheading · sans · self-hosted Geistbody · sans · google

Stack & style

Tailwind CSS Astro

Minimal Corporate / clean Gradient-heavy Rounded / soft Product-UI-led Booking widget Custom cursor Mega menu Process steps Sticky header Tabs Testimonial slider

Also: Intercom, OneTrust, Google Tag Manager, Amazon CloudFront, Google Analytics, Cloudflare

Design DNA

Warm off-white page with a clean grotesk for centred headlines, a serif for feature headings and dark navy pill buttons. Product moments sit inside rounded cards filled with soft blue, lilac and aqua gradients holding crisp white UI panels and chips. The hero offers Google and Microsoft sign-up buttons over a gradient scheduling card with icon tabs, then a four-step Book/Prep/Capture/Follow-up row, alternating text and gradient-card feature rows, people photos cut into gradient tiles, a customer story carousel on a blue gradient band, integration icons and a navy rounded footer card.

Worth borrowing

Place white UI panels inside soft multi-hue gradient cards to make product shots feel calm.
Offer 'Sign up with Google' and 'Sign up with Microsoft' as the two hero buttons.
Put the footer inside a rounded navy card floating on the page background.