screenroveSCREENS WORTH STUDYINGA calm grey-and-white scheduler where the calendar itself is the interface.
Cal.com's own team page: logo, "Team" and "The team behind this very product.", then a bordered list of five event types, each with a duration chip, a scheduling-type chip (Round robin, Collective, seats) and a stack of member avatars. Several event names are internal placeholders (volnei-2, xzc, col). An "OR" divider leads to "Book a team member instead" (not opened, as it lists individuals). The flow starts from the Acme Introductionary Call row.
The same demo event in a different state from the flow: 30m chosen, the 12h format on and Thu 1 Oct picked, so slots read 1:00am, 1:30am and so on. The small team avatar under the banner links back to the team page.
Public App Store: "App store" title and a search field, a carousel of photo tiles for featured categories (Conferencing 24 apps, Automation 21, Analytics 12, Other 12, Calendar 9, Crm 6 ...), then "Most popular" and "Recently added" carousels of app cards, each with an icon, name, two-line description and a full-width Details button.
Typing "zoom" in the search field replaces the carousels with a "Search" heading, a row of category filter pills (All selected) and one result card with the match highlighted in yellow.
A breadcrumb "App store / Conferencing apps" with a back arrow over a three-column grid of app cards (Google Meet, Zoom Video, Microsoft 365/Teams, Discord, Facetime, Jitsi Video, Whereby, Riverside, Skype ...).
Two-column detail: a grey media column with screenshots on the left; on the right the app icon and name, a Conferencing badge, "Published by Cal.com", a dark Install app button (not clicked), description, Pricing (Free), Contact links and a disclaimer with a Report app link.
A white hero card holds the headline, Google and email sign-up buttons and a booking widget that cycles through sample events (the full page shows "Office Hours", the thumbnail "Medical Appointment") beside review-site ratings. Below: a logo strip, three numbered how-it-works cards, a benefits grid, a feature-icon grid, testimonials, an integrations band, a tweet wall, an FAQ accordion and a closing CTA card. Sections sit as white cards on a #f4f4f4 canvas framed by thin guide lines.
Four plan cards (Individuals Free, Teams $12, Organizations $28 in an inverted dark card, Enterprise Custom) with a Yearly switch on the Teams and Organizations cards, then a logo strip and a long "Feature breakdown" table with check marks per plan. Later feature groups are collapsed accordions. A closing CTA card and the footer follow. Prices are as displayed on the capture date.
The hero reuses the homepage booking-widget card with "Talk to sales" as the first action. Numbered feature cards cover sub-teams, insights, SLA and Slack Connect, then compliance badges, SSO / SCIM / delegation cards, testimonials, team-coordination cards, an industry tile grid, an FAQ and a closing CTA.
Logged-out desktop journey on Cal.com's own public demo event ("Acme Introductionary Call" on the Cal.com team page): month view, date, time slots, duration, timezone, week and column views, and the booking form captured empty. Nothing was typed or confirmed, so confirmation, rescheduling and every signed-in screen (event types, availability, bookings, settings) are not captured. Slot times depend on the day of capture and the visitor timezone (Europe/London).