Calendly — Hero
A scheduling tool for booking meetings and managing calendars. The screen shows the sign-up flow with social authentication options (Google, Microsoft) and email signup, followed by a calendar date picker with available time slots displayed on the right side. The layout features three columns: a meeting details card on the left showing the organizer and meeting type, a centered calendar grid for July 2026 with date selection, and a right panel showing the selected day and available time slots.
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/calendly-easy-scheduling-ahead-hero.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #9FACC1 |
| Contrast | 2.3 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.129 |
| Measured size | 1600×1062 px |
Palette
#F8F9FB#0A0A0B#006BFF#0B3558
Fonts
Inter
Page types
Detail
UI elements
Navigation BarCardForm
Context
Other sections on this page
- Feature — A better way to book meetings
- Feature — Embeds, scheduling & teams accordion
- CTA / Sign-up — More to meetings waitlist
- Feature — Notetaker recaps feature
- Testimonial / Social Proof — Kitty Angels quote
- Integrations — 100+ integrations grid
- Pricing / Plans — Pick the perfect plan
- CTA / Sign-up — First meeting to follow-up CTA
- Footer — Footer