# Calendly — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://calendly.com/
Captured: 2026-10-07
CSS measured: 2026-10-07T06:35:17.723Z at 1440×1000 — https://calendly.com/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

Calendly presents a modern, soft corporate aesthetic characterized by rounded corners, generous whitespace, and a harmonious pastel palette set against deep blue accents. The layout relies heavily on large, interactive feature cards and floating UI elements that showcase product capabilities without requiring immediate interaction. The typography mixes a proprietary sans-serif ('Calendly Sans') for impactful headings with a readable serif ('Wulkan Text') for editorial flair, complemented by a clean geometric sans ('Geist') for utility text. Subtle gradients and blurred background elements add depth, contributing to a fluid, approachable, and highly polished user experience.

## Classification

- Industry: technology
- Site type: Landing, Blog
- Business model: AI, Software
- Styles: soft, corporate, gradient, minimal, ui-centric
- Platform: Custom code
- Technology: React, Astro, Tailwind CSS

## Typography

- Display: Calendly Sans — weight 500; size 72px; line-height 79.2px; tracking -2px; Regular (100% role confidence, computed values)
- Heading: Calendly Sans — weight 500; size 60px; line-height 66px; tracking -2px; Regular (100% role confidence, computed values)
- Body: Geist — weight 400; size 18px; line-height 25.2px; tracking normal; Regular (95% role confidence, computed values)

## Functional palette

- Text — text #071A31: color-3: computed rgb(7, 26, 49); AI role: Hex #071A31 (deep blue). Used extensively for primary text, headings, and icons on light backgrounds. (100% role confidence, computed values)
- Canvas — canvas #FCFBF8: color-1: computed rgb(252, 251, 248); AI role: Hex #FCFBF8 (off-white). Used as the primary background color for the main page canvas and many sections. (95% role confidence, computed values)
- Surface — surface #FFFFFF: color-2: computed rgb(255, 255, 255); AI role: Hex #FFFFFF (white). Used for the navigation bar, feature cards, and floating UI elements to stand out against the off-white canvas or colored backgrounds. (95% role confidence, computed values)
- Muted Text — muted text #5F6D77: color-6: computed rgb(95, 109, 119); AI role: Hex #5F6D77 (grey). Used for secondary text, descriptions, and supporting copy. (90% role confidence, computed values)
- Border — border #D8DCE0: color-25: computed rgb(216, 220, 224); AI role: Hex #D8DCE0 (light grey). Used for subtle borders around cards and list items. (80% role confidence, computed values)
- Primary Action — primary action #4890E3: color-31: computed rgb(72, 144, 227); AI role: Hex #4890E3 (bright blue). Used as an accent or interaction color, though dark blue (#071A31 or #0B0D0F) is often used for primary buttons. (70% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Calendly Sans",
    "fontStack": "\"Calendly Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "36px",
    "lineHeight": "39.6px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 27,
    "contexts": [
      {
        "tag": "h3",
        "text": "100% attendance rate",
        "top": 10030,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "75 hours saved monthly",
        "top": 10030,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "80% reduction in booking-related emails",
        "top": 10030,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "h3",
        "text": "Products",
        "top": 12961,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Features",
        "top": 13156,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Integrations",
        "top": 12961,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Calendly Sans",
    "fontStack": "\"Calendly Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "60px",
    "lineHeight": "66px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "Built for people whose work runs on meetings",
        "top": 3951,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Real customers. Real results.",
        "top": 9802,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Connect Calendly with your favorite tools",
        "top": 10851,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Wulkan Text",
    "fontStack": "\"Wulkan Text\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "A better way to book your meetings",
        "top": 5147,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Meet Callie, your AI assistant",
        "top": 7318,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Actionable recaps for every meeting",
        "top": 8138,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "36px",
    "lineHeight": "39.6px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "Book meetings with the world’s #1 scheduling tool",
        "top": 848,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Introducing your 24/7 AI scheduling assistant",
        "top": 848,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Actionable, shareable recaps for every meeting",
        "top": 848,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Calendly Sans",
    "fontStack": "\"Calendly Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "28px",
    "lineHeight": "33.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Book",
        "top": 4353,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Prep",
        "top": 4353,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Capture",
        "top": 4353,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Calendly Sans",
    "fontStack": "\"Calendly Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "72px",
    "lineHeight": "79.2px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "All the work around meetings, handled.",
        "top": 228,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 52,
    "contexts": [
      {
        "tag": "a",
        "text": "Log In",
        "top": 50,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Get started for free",
        "top": 64,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Log In",
        "top": -36,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Calendly Sans",
    "fontStack": "\"Calendly Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "p",
        "text": "Full control over your calendar",
        "top": 5430,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Meeting templates for every scenario",
        "top": 5632,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Automated email & text workflows",
        "top": 5833,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "p",
        "text": "Giving you complete control and total customization, Calendly is the easiest and most powerful way t",
        "top": 983,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Add Callie to any email thread to coordinate scheduling on your behalf without switching tools or sa",
        "top": 983,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Finish the day knowing every meeting was captured, next steps were tracked, and follow-ups were hand",
        "top": 983,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "span",
        "text": "Learn more",
        "top": 9,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Sign up with email • No credit card required",
        "top": 559,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Beta",
        "top": 800,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Wulkan Text",
    "fontStack": "\"Wulkan Text\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "28px",
    "lineHeight": "33.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "“",
        "top": 10200,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "“",
        "top": 10270,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Adding a booking fee didn’t just reduce no-shows — it changed the tone of my consultations.”",
        "top": 10270,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "From AI-powered scheduling to automated meeting recaps and follow-ups, get the busywork done with fe",
        "top": 410,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Meetings move you forward, but the work around them can slow you down. Calendly handles the tasks be",
        "top": 4099,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Our extensive list of integrations makes Calendly flexible.",
        "top": 10999,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "33.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Google suite",
        "top": 11540,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Microsoft suite",
        "top": 11540,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": null,
    "fontStack": "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "60px",
    "lineHeight": "66px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Make space for what matters.",
        "top": 12961,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Introducing the new Calendly, built to handle all of the work around meetings.",
        "top": 9,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Wulkan Text",
    "fontStack": "\"Wulkan Text\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "36px",
    "lineHeight": "39.6px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "span",
        "text": "Scheduled",
        "top": 12534,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Scheduled",
        "top": 12534,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Summarized",
        "top": 12520,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "button",
        "text": "Product",
        "top": 56,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Solutions",
        "top": 56,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Resources",
        "top": 56,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Calendly Sans",
    "fontStack": "\"Calendly Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Scheduling",
        "top": 804,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Callie",
        "top": 804,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Notetaker",
        "top": 804,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "button",
        "text": "Sign up with Google",
        "top": 493,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Sign up with Microsoft",
        "top": 493,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Start for free",
        "top": 4206,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Book",
        "top": 4352,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Prep",
        "top": 4352,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Capture",
        "top": 4352,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "600",
    "size": "12px",
    "lineHeight": "12px",
    "letterSpacing": "1px",
    "traits": "uppercase",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "AI meeting management",
        "top": 3923,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Customer stories",
        "top": 9766,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "150+ integrations",
        "top": 10823,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Geist",
    "fontStack": "Geist, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign up with email",
        "top": 559,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FCFBF8",
    "alpha": 1,
    "cssValue": "rgb(252, 251, 248)",
    "count": 53,
    "contexts": [
      {
        "tag": "body",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-W3RGHP8\" height=\"0\" width=\"0\" style=\"di",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "header",
        "text": "Introducing the new Calendly, built to handle all of the work around meetings.Learn moreProductSolut",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Get started for free",
        "top": 64,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 149,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 61,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "ProductSolutionsResourcesPricingTalk to salesLog InGet started for freeMy Account",
        "top": -48,
        "property": "::before-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 742,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#071A31",
    "alpha": 1,
    "cssValue": "rgb(7, 26, 49)",
    "count": 270,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 11,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 16,
        "property": "svg-stroke"
      },
      {
        "tag": "p",
        "text": "Introducing the new Calendly, built to handle all of the work around meetings.",
        "top": 9,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F5F3EE",
    "alpha": 1,
    "cssValue": "rgb(245, 243, 238)",
    "count": 98,
    "contexts": [
      {
        "tag": "div",
        "text": "All the work around meetings, handled.From AI-powered scheduling to automated meeting recaps and fol",
        "top": 108,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 11195,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 11195,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#E4E6E9",
    "alpha": 1,
    "cssValue": "rgb(228, 230, 233)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "SchedulingBook meetings with the world’s #1 scheduling toolGiving you complete control and total cus",
        "top": 624,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#5F6D77",
    "alpha": 1,
    "cssValue": "rgb(95, 109, 119)",
    "count": 33,
    "contexts": [
      {
        "tag": "p",
        "text": "From AI-powered scheduling to automated meeting recaps and follow-ups, get the busywork done with fe",
        "top": 410,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Sign up with email",
        "top": 559,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Callie replies with times to meet",
        "top": 4473,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#C3DFFE",
    "alpha": 1,
    "cssValue": "rgb(195, 223, 254)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 790,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#D4C2FF",
    "alpha": 1,
    "cssValue": "rgb(212, 194, 255)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 12484,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#6BB1FF",
    "alpha": 1,
    "cssValue": "rgb(107, 177, 255)",
    "count": 9,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 800,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "",
        "top": 12485,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#BAF0EC",
    "alpha": 1,
    "cssValue": "rgb(186, 240, 236)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 12486,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#F2F8DE",
    "alpha": 1,
    "cssValue": "rgb(242, 248, 222)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 12487,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FCFBF8",
    "alpha": 0.6980392156862745,
    "cssValue": "rgba(252, 251, 248, 0.698)",
    "count": 51,
    "contexts": [
      {
        "tag": "span",
        "text": "Scheduling",
        "top": 12994,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 13771,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 13774,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#84C1FF",
    "alpha": 1,
    "cssValue": "rgb(132, 193, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Introducing the new Calendly, built to handle all of the work around meetings.Learn more",
        "top": -1,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#001427",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(7, 26, 49, 0.05)",
    "count": 76,
    "contexts": [
      {
        "tag": "span",
        "text": "Beta",
        "top": 800,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "",
        "top": 5474,
        "property": "control-background"
      },
      {
        "tag": "a",
        "text": "",
        "top": 5474,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 33,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 676,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 676,
        "property": "svg-fill"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 5634,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(252, 251, 248, 0.05)",
    "count": 12,
    "contexts": [
      {
        "tag": "a",
        "text": "",
        "top": 13667,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#3D464E",
    "alpha": 1,
    "cssValue": "rgb(61, 70, 78)",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Learn more",
        "top": 9,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 13,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 19,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#051932",
    "alpha": 0.2,
    "cssValue": "rgba(7, 26, 49, 0.2)",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 7698,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#0B0D0F",
    "alpha": 1,
    "cssValue": "rgb(11, 13, 15)",
    "count": 18,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 62,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 69,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#DFE3E7",
    "alpha": 1,
    "cssValue": "rgb(223, 227, 231)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 676,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#C3BAE3",
    "alpha": 1,
    "cssValue": "rgb(195, 186, 227)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 676,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#B89FFA",
    "alpha": 1,
    "cssValue": "rgb(184, 159, 250)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 800,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#5DDFD7",
    "alpha": 1,
    "cssValue": "rgb(93, 223, 215)",
    "count": 6,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 820,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#DBEE9F",
    "alpha": 1,
    "cssValue": "rgb(219, 238, 159)",
    "count": 6,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 800,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#D8DCE0",
    "alpha": 1,
    "cssValue": "rgb(216, 220, 224)",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4495,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "SchedulingA better way to book your meetings",
        "top": 5107,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#FFFFF5",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(252, 251, 248, 0.1)",
    "count": 48,
    "contexts": [
      {
        "tag": "a",
        "text": "",
        "top": 13667,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#FCFAF8",
    "alpha": 0.4,
    "cssValue": "rgba(252, 251, 248, 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Learn more",
        "top": 9,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#6BB1FF",
    "alpha": 0.6,
    "cssValue": "rgba(107, 177, 255, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "We’re hiring!",
        "top": 13439,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#0C2D54",
    "alpha": 1,
    "cssValue": "rgb(12, 45, 84)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "DownloadsJoin us on social EnglishPrivacy PolicyLegalStatusCookie SettingsYour Privacy ChoicesCookie",
        "top": 13579,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#0A1D31",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(7, 26, 49, 0.1)",
    "count": 5,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 10575,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#4890E3",
    "alpha": 1,
    "cssValue": "rgb(72, 144, 227)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 10575,
        "property": "background"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous spacing. Sections are separated by significant vertical padding, allowing content to breathe. Margins within components are also substantial, emphasizing readability and a clean layout.
- Corner style: Highly rounded. Cards, buttons, and floating UI elements feature prominent border radii, contributing to the 'soft' aesthetic.
- Radius: Large border radii, often appearing pill-shaped for smaller buttons/badges or with substantial rounded corners (likely 24px-32px or more) for large structural containers and feature cards.
- Borders: Subtle. Borders are used sparingly, usually as a 1px solid line in a light grey or muted color to delineate sections or card edges without being visually heavy.
- Buttons: Solid fill with deep blue or dark grey, rounded corners (often pill-shaped), and white text for primary actions. Outline variants are used for secondary actions like 'Log In'.
- Content width: Restricted central column for main text content to maintain readability, while visual elements, carousels, and section backgrounds frequently extend wider or full-width.
- Density: Low density. The layout prioritizes large type, substantial whitespace, and prominent visuals over packing information tightly.
- Evidence: Observation of large gaps between text and visuals, consistent rounding on the navigation bar, hero graphic containers, and the CTA buttons. The prominent use of large, bold headings with ample line height.

## Sections

Gallery section count: 25. Each entry corresponds to one gallery capture.

1. **Hero — All the work around meetings, handled.** (Home)
   Opening hero composition from Home, organized around “All the work around meetings, handled.”.
   Capture: 1440×3671px; page bounds 108–3779px of 13878px; source section ID: `d4b1b1f1-a6aa-4d35-b6b3-c5e60c455141`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/e1ea9fdd0182a55eba49279361d9b642aabcbaa9b85ea68137e160a803822a6a/section_crop-d4b1b1f1-2026-10-07T06-35-26-438Z.webp
   SECTION.md v3.2: `d4b1b1f1-a6aa-4d35-b6b3-c5e60c455141` (deterministic evidence; editorial review pending)
2. **Features — Calendly Features** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Calendly Features”.
   Capture: 1440×761px; page bounds 1887–2648px of 9891px; source section ID: `d41968f0-2c38-49da-bd84-77d303e156af`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/8b5d8fe802662df27d3f80e87db6636fd9f8ff075556ca6d6898c9e157a94d7b/section_crop-d41968f0-2026-10-07T06-39-55-898Z.webp
   SECTION.md v3.2: `d41968f0-2c38-49da-bd84-77d303e156af` (deterministic evidence; editorial review pending)
3. **Features — A better way to book your meetings** (Home)
   Reusable feature composition from Home, organized around “A better way to book your meetings”.
   Capture: 1440×2167px; page bounds 4987–7154px of 13878px; source section ID: `5391e86c-1103-44fb-9e79-dbe3f80fc17f`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/b650b89ff03e24f40497a56f6be893a1ec9a10e20986dbca5f0d047b6ddc98ad/section_crop-5391e86c-2026-10-07T06-35-28-454Z.webp
   SECTION.md v3.2: `5391e86c-1103-44fb-9e79-dbe3f80fc17f` (deterministic evidence; editorial review pending)
4. **Features — Notetaker** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Notetaker”.
   Capture: 1440×336px; page bounds 2696–3032px of 9891px; source section ID: `1719c771-e3df-459b-bb0d-ef266dc1181d`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/79a24858860fc7399bd7329d2de782e0207e9a1f2278ed6505e659f567bdeb80/section_crop-1719c771-2026-10-07T06-39-56-739Z.webp
   SECTION.md v3.2: `1719c771-e3df-459b-bb0d-ef266dc1181d` (deterministic evidence; editorial review pending)
5. **Features — Callie** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Callie”.
   Capture: 1440×263px; page bounds 3080–3343px of 9891px; source section ID: `ea9a6e7d-1ac3-4ee2-9ed2-3cc9e1a93e91`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/fb8d031f679f83fbdb964930a10a4235b2b49b50ea53318f8c00111e900c0d0e/section_crop-ea9a6e7d-2026-10-07T06-39-57-537Z.webp
   SECTION.md v3.2: `ea9a6e7d-1ac3-4ee2-9ed2-3cc9e1a93e91` (deterministic evidence; editorial review pending)
6. **Features — Actionable recaps for every meeting** (Home)
   Reusable feature composition from Home, organized around “Actionable recaps for every meeting”.
   Capture: 1440×820px; page bounds 7974–8794px of 13878px; source section ID: `4aa93b68-6c52-4322-843c-1c26261039ac`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/dfa84e946e5f97fa90b6c705349328c725b4e8f27f12d4ce4d81948d10e4d869/section_crop-4aa93b68-2026-10-07T06-35-30-220Z.webp
   SECTION.md v3.2: `4aa93b68-6c52-4322-843c-1c26261039ac` (deterministic evidence; editorial review pending)
7. **Features — Payments** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Payments”.
   Capture: 1440×389px; page bounds 3391–3780px of 9891px; source section ID: `c3f36e4e-a987-4014-8595-1a460c102f94`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/d543e7c02735ea894d8ed34773a7089c09d272ef89547a97476daf409c895f4d/section_crop-c3f36e4e-2026-10-07T06-39-58-316Z.webp
   SECTION.md v3.2: `c3f36e4e-a987-4014-8595-1a460c102f94` (deterministic evidence; editorial review pending)
8. **CTA — Contacts** (Pricing and plans)
   CTA composition from Pricing and plans, organized around “Contacts”.
   Capture: 1440×297px; page bounds 3828–4125px of 9891px; source section ID: `ca8781a4-446b-40b2-a36f-b9a1474be742`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/10362f77db907bd73a09ff0242a83e5a5e5ae036b44e84c108421ccfb01067f1/section_crop-ca8781a4-2026-10-07T06-39-59-114Z.webp
   SECTION.md v3.2: `ca8781a4-446b-40b2-a36f-b9a1474be742` (deterministic evidence; editorial review pending)
9. **Features — Automations** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Automations”.
   Capture: 1440×783px; page bounds 4173–4956px of 9891px; source section ID: `dbe2853e-3f41-45c2-b3ea-ecc058fe9903`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/8a40d83d7c045da5464ef1fde92e2cf38ecbd639e691fd918490426beae9172b/section_crop-dbe2853e-2026-10-07T06-39-59-889Z.webp
   SECTION.md v3.2: `dbe2853e-3f41-45c2-b3ea-ecc058fe9903` (deterministic evidence; editorial review pending)
10. **Features — Personalizations** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Personalizations”.
   Capture: 1440×316px; page bounds 5004–5320px of 9891px; source section ID: `0762e4f9-3928-4f62-87c3-424ad8b9c76c`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/eaa6f96704de0818bd90ebc4933483aaefd7be0e7cd810fe5ce543db8f3da219/section_crop-0762e4f9-2026-10-07T06-40-00-865Z.webp
   SECTION.md v3.2: `0762e4f9-3928-4f62-87c3-424ad8b9c76c` (deterministic evidence; editorial review pending)
11. **Features — Admin tools** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Admin tools”.
   Capture: 1440×316px; page bounds 5369–5685px of 9891px; source section ID: `41570e88-f3ff-48b8-9562-7933df6b3584`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/bf329eb5c4ea4832e4147746d506ddf857487bcae946c3452bb8478bb05ba686/section_crop-41570e88-2026-10-07T06-40-01-661Z.webp
   SECTION.md v3.2: `41570e88-f3ff-48b8-9562-7933df6b3584` (deterministic evidence; editorial review pending)
12. **Footer — Products** (Home)
   Closing footer and call-to-action from Home, organized around “Products”.
   Capture: 1440×1037px; page bounds 12841–13878px of 13878px; source section ID: `d2ac73e7-bdcd-421a-babb-437093966ed8`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/94cfa4a6247555db50f51fd69911873b28a7f02a3503a9bf279b7f214ced9721/section_crop-d2ac73e7-2026-10-07T06-35-34-628Z.webp
   SECTION.md v3.2: `d2ac73e7-bdcd-421a-babb-437093966ed8` (deterministic evidence; editorial review pending)
13. **Features — Security** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Security”.
   Capture: 1440×456px; page bounds 5733–6189px of 9891px; source section ID: `8e63d58f-993c-4e55-b554-31c55447f268`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/75517e0c936653919bbc011bc70634c1a88a91eb078bf16038d1c5ce1c05e0d1/section_crop-8e63d58f-2026-10-07T06-40-02-441Z.webp
   SECTION.md v3.2: `8e63d58f-993c-4e55-b554-31c55447f268` (deterministic evidence; editorial review pending)
14. **Features — Support** (Pricing and plans)
   Reusable feature composition from Pricing and plans, organized around “Support”.
   Capture: 1440×495px; page bounds 6237–6732px of 9891px; source section ID: `9cb350d5-153e-48f3-9d20-9c9985961484`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/747751f11db0a404c862c6d32f575cce84d362a7ad5cb6e06554565f53d898d6/section_crop-9cb350d5-2026-10-07T06-40-03-245Z.webp
   SECTION.md v3.2: `9cb350d5-153e-48f3-9d20-9c9985961484` (deterministic evidence; editorial review pending)
15. **Pricing — Calendly plan pricing cards** (Pricing and plans)
   AI suggestion (99% confidence): Complete, self-contained pricing section with headline, billing controls, four plan cards, feature summaries, CTAs, and availability note. The following comparison table is a separate section and is incomplete in this segment.
   Capture: 1440×1425px; page bounds 117–1542px of 9891px; source section ID: `e6c9fcb2-f0f3-4861-9c7b-8b5e54aac783`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/baf3f8176d8624fb3f8248765f0de4d5f267f8befc4f13794c1d88e66e720d00/e6c9fcb2-f0f3-4861-9c7b-8b5e54aac783.webp
   SECTION.md v3.2: `e6c9fcb2-f0f3-4861-9c7b-8b5e54aac783` (deterministic evidence; editorial review pending)
16. **Feature Card — Actionable Meeting Recaps Feature** (Home)
   AI suggestion (98% confidence): Complete, self-contained product feature panel combining a clear Notetaker benefit statement, supporting copy, CTA, and recap UI mockup within a distinctive gradient frame. It is the strongest complete representative of the repeated feature pattern.
   Capture: 1440×885px; page bounds 1902–2787px of 13878px; source section ID: `b1cced45-34b4-4b2f-aacf-1742b616d461`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/959d5e78ab54b3645098ff6c4945e8975a932890a5af8279904584d44a7161e0/b1cced45-34b4-4b2f-aacf-1742b616d461.webp
   SECTION.md v3.2: `b1cced45-34b4-4b2f-aacf-1742b616d461` (deterministic evidence; editorial review pending)
17. **Process — AI Meeting Workflow** (Home)
   AI suggestion (96% confidence): Complete, self-contained section with a headline, supporting copy, CTA, and a four-stage workflow covering Book, Prep, Capture, and Follow up.
   Capture: 1440×1098px; page bounds 3866–4964px of 13878px; source section ID: `b53585b0-29a2-4fe9-ac18-34a0468260a7`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/488e5d91edc8d91d7105cc2bed68aad88fecb79303bb83bcf2b26fb30e92fdf3/b53585b0-29a2-4fe9-ac18-34a0468260a7.webp
   SECTION.md v3.2: `b53585b0-29a2-4fe9-ac18-34a0468260a7` (deterministic evidence; editorial review pending)
18. **FAQ — Pricing frequently asked questions** (Pricing and plans)
   AI suggestion (99% confidence): Complete, self-contained FAQ panel with a prominent heading and seven consistently styled accordion rows inside a rounded container.
   Capture: 1440×906px; page bounds 6859–7765px of 9891px; source section ID: `17b0ffe9-9244-4120-9249-aab442714171`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/c97228f22ee7071aab618e461405cdc411184ab92b58a21cab2926cefa4bcd44/17b0ffe9-9244-4120-9249-aab442714171.webp
   SECTION.md v3.2: `17b0ffe9-9244-4120-9249-aab442714171` (deterministic evidence; editorial review pending)
19. **Features — Meet Callie, your AI assistant** (Home)
   AI suggestion (96% confidence): Complete split-layout feature section with a labeled product heading, large assistant visual, and a self-contained list of three AI scheduling capabilities. It has clear whitespace boundaries before the next section begins.
   Capture: 1440×708px; page bounds 7246–7954px of 13878px; source section ID: `766ef10e-da8f-4f7a-b03f-79e2c51d57d1`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/321b81cfd952bf94d3add2b889dc8ed997c71a02d7e5acd1ae4f5dd0cc30f4d2/766ef10e-da8f-4f7a-b03f-79e2c51d57d1.webp
   SECTION.md v3.2: `766ef10e-da8f-4f7a-b03f-79e2c51d57d1` (deterministic evidence; editorial review pending)
20. **CTA — Meeting Lifecycle CTA** (Pricing and plans)
   AI suggestion (97% confidence): Complete conversion section with eyebrow, prominent headline, supporting copy, primary button, and a distinctive scheduling-themed portrait montage.
   Capture: 1440×885px; page bounds 7894–8779px of 9891px; source section ID: `42c8cf5b-0a17-4027-a15d-e63cbcca409f`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/24a16b8f597705d5778dc1ee002fbf802ec702c41158df7db5ff0bda0b57bcb6/42c8cf5b-0a17-4027-a15d-e63cbcca409f.webp
   SECTION.md v3.2: `42c8cf5b-0a17-4027-a15d-e63cbcca409f` (deterministic evidence; editorial review pending)
21. **Footer — Calendly Multi-Column Footer** (Pricing and plans)
   AI suggestion (99% confidence): Complete substantial footer with brand statement, product and resource navigation, download links, social channels, language control, legal links, and copyright.
   Capture: 1440×997px; page bounds 8881–9878px of 9891px; source section ID: `0f2e8499-c41f-4755-aa86-bfeda3461677`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/a661fc2c421491447369c05ee9c7ad9e227639683d6de3c7193b3891546f3af2/0f2e8499-c41f-4755-aa86-bfeda3461677.webp
   SECTION.md v3.2: `0f2e8499-c41f-4755-aa86-bfeda3461677` (deterministic evidence; editorial review pending)
22. **Feature Card — Flexible payment options** (Home)
   AI suggestion (90% confidence): Complete split-layout product feature with a payment UI visual, clear headline, and supporting capability list; the strongest representative of the repeated feature pattern.
   Capture: 1440×657px; page bounds 8904–9561px of 13878px; source section ID: `443a3715-d9aa-42d9-9b5a-d305a4ef4055`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/efc2f1253d01939345def17618df878ee9ea452850089cb05b9207266a76710f/443a3715-d9aa-42d9-9b5a-d305a4ef4055.webp
   SECTION.md v3.2: `443a3715-d9aa-42d9-9b5a-d305a4ef4055` (deterministic evidence; editorial review pending)
23. **Testimonials — Real customers. Real results.** (Home)
   AI suggestion (97% confidence): Complete customer-story showcase with its own heading, prominent quantified testimonial, customer imagery, attribution, and carousel context.
   Capture: 1440×966px; page bounds 9630–10596px of 13878px; source section ID: `df61e4df-f1ce-491c-8dda-9af5faf6a43d`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/10bbc624167bc902e50b6ddcc9bc986c9da3b2135499c998622b3ca36faeae65/df61e4df-f1ce-491c-8dda-9af5faf6a43d.webp
   SECTION.md v3.2: `df61e4df-f1ce-491c-8dda-9af5faf6a43d` (deterministic evidence; editorial review pending)
24. **Feature Grid — Favorite Tools Integrations** (Home)
   AI suggestion (97% confidence): Complete integrations showcase with heading, supporting copy, link, recognizable app-icon grid, and two ecosystem cards for Google and Microsoft.
   Capture: 1440×852px; page bounds 10814–11666px of 13878px; source section ID: `8df4560a-1578-41b7-9dac-50feddc354cc`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/fc03fa06b056b832fe07e7980c9518b3201a29984438f4aa29a33657acfe3984/8df4560a-1578-41b7-9dac-50feddc354cc.webp
   SECTION.md v3.2: `8df4560a-1578-41b7-9dac-50feddc354cc` (deterministic evidence; editorial review pending)
25. **CTA — From First Meeting to Follow-Up** (Home)
   AI suggestion (94% confidence): Self-contained conversion section with a clear value proposition, supporting text, primary free-trial button, and a distinctive three-panel meeting workflow visual.
   Capture: 1440×876px; page bounds 11879–12755px of 13878px; source section ID: `1ee51916-6e37-4774-8213-ab0108b9e2c0`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/030dc336a7664d04581abc2d82d9d77ceb235f845e2255aaffed3e98ef6ee1ef/1ee51916-6e37-4774-8213-ab0108b9e2c0.webp
   SECTION.md v3.2: `1ee51916-6e37-4774-8213-ab0108b9e2c0` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/9730ad0564b2550baeeddcdea9938adcff9cf48305ffe9d8e75efba2e65582d4/desktop_full-32e2fea4-2026-10-07T06-35-17-745Z.webp
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/961ff220822d6a30c82fd04977e91dd8c5268fbf355180da1ff67acc59bdfa18/mobile_full-32e2fea4-2026-10-07T06-36-14-526Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/c5ee3ff5957d93c02f1f1fd9c3fb8675633731c08062c6ac24a92a4b317d7526/og_image-32e2fea4-2026-10-07T06-35-25-631Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/0b3dcb948395dcdfbf8fef46f14e7075e7cc2df4d998dd000ffdad1c3b836db2/motion-1791356542086.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/5fbcd219cff76d7e491e6e3b065f52b4b3432cf9dba6a936861387818742fe0e/motion-poster-1791356542086.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Announcement Bar
- Navigation Bar
- Hero
- Carousel
- Floating Product Card
- Feature Collection
- Feature Card
- Testimonial Card
- Logo Strip
- Primary Button
- Outline Button
- Text Link
- Badge
- Footer
- Interactive Feature Tabs
- Scroll Linked Feature Explorer

## Quality rubric

Overall: 53.95/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Calendly's site is a well-produced, professionally typeset execution of the current B2B SaaS marketing template — soft rounded cards over pastel gradients, a scroll-linked feature explainer, and an icon-tab carousel — with a genuinely considered type system and tight content-to-visual pairing throughout. It executes its chosen idiom competently and consistently, but nearly every structural and motion idea is drawn from a widely shared contemporary playbook rather than offering anything distinctive to Calendly, keeping the overall result solidly in the competent range rather than good or strong.

- Typography (15%): 64 — A genuine three-family type system is present: Calendly Sans for display/heading hierarchy (72px hero down to 28px card titles) with tight negative letter-spacing, Wulkan Text as an editorial serif reserved for specific feature headlines and quote callouts, and Geist for body/utility text at multiple weights and sizes. The contrast between the geometric sans and the humanist serif gives sections distinct registers (functional vs. editorial) rather than a single flat voice, and size/line-height steps are clearly differentiated and consistent across the page.
- Color (10%): 57 — The palette is coherent and restrained — deep navy (#071A31) for text/icons, off-white canvas (#FCFBF8), white card surfaces, and muted grey secondary text — with pastel accent hues (periwinkle #C3DFFE, lavender #D4C2FF, teal #BAF0EC, lime #F2F8DE) confined to gradient backgrounds behind product visuals. This is tasteful and functional, but the blue-to-lavender-to-teal gradient treatment over soft cards is now a near-default convention across contemporary B2B SaaS marketing sites, limiting its distinctiveness.
- Layout (20%): 61 — The page follows a clean, well-executed structural rhythm: announcement bar, sticky nav, hero, carousel, four-up feature grid, alternating text/visual feature rows, testimonial cards, logo strip, and footer, all built on generous whitespace and a restricted content column against wider bleed visuals. Hierarchy and spacing are consistent and legible throughout. However, the scroll-linked sticky-panel-with-list pattern and card-grid-over-gradient layout are now common templates in this product category, so while the execution is tidy, the structural ambition is conventional rather than distinctive.
- Motion (20%): 55 — Observed motion includes an auto-advancing hero carousel, scroll-triggered reveal/state-change animations tied to feature list items, a continuously scrolling integration logo strip, and card entrance animations in the testimonial section. These are functional and purposeful (illustrating product behavior rather than being decorative), but they are standard contemporary scroll-reveal and marquee patterns without evidence of unusual choreography, custom easing, or a signature motion identity; no data on frame smoothness or responsiveness to interaction speed is available.
- Originality (25%): 37 — Nearly every component — rounded floating UI cards over blurred pastel gradients, an icon-tab auto-playing hero carousel, a sticky scroll-linked feature explainer, pastel-on-navy corporate palette, and a continuously scrolling logo strip — closely matches the dominant 2024–2025 B2B SaaS marketing template vocabulary seen across many competitor sites (Linear, Notion, Vercel-style explainer pages, etc.). Execution is clean, but none of the core ideas are hard to substitute with another vendor's near-identical implementation of the same patterns.
- Content (10%): 62 — Visuals are tightly matched to the copy they support: each feature headline (Book/Prep/Capture/Follow-up, Callie, Notetaker, Payments) is paired with a representative UI mockup, the scroll-linked panel updates to match the list item in focus, and testimonials pair quantified outcomes with named customer photos. This produces a reasonably coherent narrative thread explaining product value through consistent illustration rather than isolated decorative imagery.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [x] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A repeating card pattern with icon tabs and soft gradient backdrops (blue, lilac, mint) carries the eye through scheduling, notes and payments without feeling like separate pitches. Bold dark headlines over pale cream, paired with rounded white product panels, keep each feature easy to scan on a long page.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.