Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.
Custom branding is available on the Business and Enterprise plans. On Startup, your booking page keeps Cal ID’s branding — that is what makes the free plan free. See Subscription and pricing.
The public page banner is the first thing bookers see — a wide image across the top of your booking page. You set it for your own booking page under Settings → Custom Branding.
Your banner image must be exactly 3200 x 320 px and 1 MB or smaller.
Find the Public page banner section at the top of the page.
Where the banner image goes
5
Upload your image
Click the Upload image button, then select your file (ensure it meets the 3200 x 320 dimension and 1 MB size limit).
Adding your banner artwork
6
Preview
The banner will display in the preview box once the upload is successful.
Because the banner is very wide and short, try to use a landscape photo or a brand pattern where the most important visual elements are centered. This prevents important details from being cut off on smaller mobile devices.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Cal ID","description":"Cal ID help center — scheduling, event types, availability, teams, apps, workflows, and developer tools for the Cal ID meeting scheduler.","colors":{"primary":"#1972F5","light":"#5B9BFF","dark":"#0B4FB8"},"logo":{"light":"https://mintcdn.com/cal-id-docs/k1VHQ7P5ONAHeLvP/logo/light.svg?fit=max\u0026auto=format\u0026n=k1VHQ7P5ONAHeLvP\u0026q=85\u0026s=589c4a9c69ea7387516e6452f592553e","dark":"https://mintcdn.com/cal-id-docs/tkghSGJWVIrQX7X0/logo/dark.svg?fit=max\u0026auto=format\u0026n=tkghSGJWVIrQX7X0\u0026q=85\u0026s=3215902115e27959cb7782b1af38e9fe"},"favicon":"https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/favicon.svg?fit=max\u0026auto=format\u0026n=NUrc1nmEeHvCjwEV\u0026q=85\u0026s=3247c427392ba77a41b08a807c322bfb","navbar":{"links":[{"href":"mailto:support@cal.id","label":"Email Us"}],"primary":{"type":"button","label":"Go to Cal ID","href":"https://cal.id"}},"footer":{"socials":{"x":"https://x.com/OneHash","linkedin":"https://www.linkedin.com/company/onehash"}},"errors":{"404":{"redirect":false,"title":"We couldn't find that page","description":"The page you're looking for doesn't exist or may have moved. Head back to the [Help Center home](/), or jump to [Event Types](/event-types/overview), [Availability](/availability/create), [Teams](/teams/overview), or the [API Reference](/api-reference) — or use the search bar above. Still stuck? Email us at [support@cal.id](mailto:support@cal.id)."}},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode","download-spec"],"display":"header"},"styling":{"latex":true},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"cal-id-docs","hasAudioNarration":false,"actualSubdomain":"cal-id-docs","customDomains":["cal.id"],"gitSource":{"type":"github","owner":"onehashai","repo":"mintlify-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"latestBuiltDeploymentHistoryId":"6ab916db4c0abff9c16e8c99","collectionId":"a1537af2-6a4a-409a-a4fe-70a6408ebcf7","liveDeploymentHistoryId":"6ab916db4c0abff9c16e8c99","schemaVersion":"v3"},"feedback":{"thumbs":true,"agentFeedback":false},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6ab916db4c0abff9c16e8c99","clientVersion":"0.0.4044","searchFilterCounts":[{"language":"default","tag":"API Reference","count":60},{"language":"default","tag":"Endpoints","count":58},{"language":"default","tag":"Event Types","count":57},{"language":"default","tag":"Scheduling \u0026 Teams","count":31},{"language":"default","tag":"Get Started","count":31},{"language":"default","tag":"Customization \u0026 Settings","count":23},{"language":"default","tag":"Apps \u0026 Integrations","count":22},{"language":"default","tag":"Advanced","count":18},{"language":"default","tag":"Developers","count":17},{"language":"default","tag":"Teams","count":16}],"searchSettings":{"isFiltersEnabled":false}},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":true,"enableContextualStarterQuestions":true,"enableAskAiSearchBar":true,"deflection":{"enabled":true,"email":"support@cal.id"}},"basePath":"/docs","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"privacy":{"consentBanner":{"enabled":false}},"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"branding/banner","slug":"/branding/banner","pageMetadata":{"title":"Public Page Banner","description":"Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.","icon":"image","keywords":["banner image","booking page banner","header image","personal banner","cover image"],"related":["/branding/personal","/branding/banner-team","/branding/logo-favicon","/branding/brand-colors","/appearance/appearance"],"href":"/branding/banner"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,p:`p`,strong:`strong`,..._provideComponents(),...props.components},{Card,CardGroup,Frame,Heading,Info,OptimizedImage,Step,Steps,Tip}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Info)_missingMdxReference(`Info`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(Info,{children:_jsxs(_components.p,{children:[`Custom branding is available on the `,_jsx(_components.strong,{children:`Business`}),` and `,_jsx(_components.strong,{children:`Enterprise`}),` plans. On `,_jsx(_components.strong,{children:`Startup`}),`, your booking page keeps Cal ID’s branding — that is what makes the free plan free. See `,_jsx(_components.a,{href:`/getting-started/subscription-and-pricing`,children:`Subscription and pricing`}),`.`]})}),`\n`,_jsxs(_components.p,{children:[`The public page banner is the first thing bookers see — a wide image across the top of your booking page. You set it for your own booking page under `,_jsx(_components.strong,{children:`Settings → Custom Branding`}),`.`]}),`\n`,_jsx(Info,{children:_jsxs(_components.p,{children:[`Your banner image must be exactly `,_jsx(_components.strong,{children:`3200 x 320 px`}),` and `,_jsx(_components.strong,{children:`1 MB`}),` or smaller.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`step-by-step-configuration`,children:`Step-by-step configuration`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Log in to Cal ID`,children:_jsx(_components.p,{children:`Sign in to your account.`})}),_jsx(Step,{title:`Navigate to Settings`,children:_jsxs(_components.p,{children:[`Click the `,_jsx(_components.strong,{children:`Settings`}),` icon in the sidebar.`]})}),_jsx(Step,{title:`Go to Custom Branding`,children:_jsxs(_components.p,{children:[`Select the `,_jsx(_components.strong,{children:`Custom Branding`}),` tab.`]})}),_jsxs(Step,{title:`Locate the Banner section`,children:[_jsxs(_components.p,{children:[`Find the `,_jsx(_components.strong,{children:`Public page banner`}),` section at the top of the page.`]}),_jsx(Frame,{caption:`Where the banner image goes`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/banner-1.png?fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=01e86d8cc2c90623da310d106180cccf`,alt:`Custom Branding tab with the Public page banner section at the top, showing an empty banner preview and an Upload image button`,\"data-og-width\":`2370`,width:`2370`,\"data-og-height\":`2444`,height:`2444`,\"data-path\":`images/branding/banner-1.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/banner-1.png?w=280\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=f96f0a970c82dc416e3ae1521d99e5d1 280w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/banner-1.png?w=560\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=f329fb95ba39a357c89a7da85a455153 560w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/banner-1.png?w=840\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=a88a30cb28b5b8d738b436aad4013ec9 840w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/banner-1.png?w=1100\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=a552f7e1541e43f43c83322474f4944d 1100w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/banner-1.png?w=1650\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=212384eef7ef5e54b41aecabb09182b0 1650w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/banner-1.png?w=2500\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=66d1e44d2c2a97db87a8d9d873570af0 2500w`})})]}),_jsxs(Step,{title:`Upload your image`,children:[_jsxs(_components.p,{children:[`Click the `,_jsx(_components.strong,{children:`Upload image`}),` button, then select your file (ensure it meets the `,_jsx(_components.strong,{children:`3200 x 320`}),` dimension and `,_jsx(_components.strong,{children:`1 MB`}),` size limit).`]}),_jsx(Frame,{caption:`Adding your banner artwork`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/banner-2.png?fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=685bb47672f355c689ec7dc91a8ed7b0`,alt:`Upload image dialog for the banner, with a file picker, the 3200 x 320 px requirement, and a Save button`,\"data-og-width\":`1344`,width:`1344`,\"data-og-height\":`1132`,height:`1132`,\"data-path\":`images/branding/banner-2.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/banner-2.png?w=280\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=8c4f336723fc99f6bb76b3c74e3468e3 280w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/banner-2.png?w=560\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=5bb2b04a124c05ef3cc5297a6138848c 560w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/banner-2.png?w=840\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=3c23ba7d4c34013832213b6b935350d9 840w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/banner-2.png?w=1100\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=7fa0be174e798320fa7d3d318d8143ab 1100w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/banner-2.png?w=1650\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=f54567978ffe25df4697229fe4bc6485 1650w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/banner-2.png?w=2500\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=4fe6d706931e5480c91fcc339cb17beb 2500w`})})]}),_jsx(Step,{title:`Preview`,children:_jsx(_components.p,{children:`The banner will display in the preview box once the upload is successful.`})})]}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:`Because the banner is very wide and short, try to use a landscape photo or a brand pattern where the most important visual elements are centered. This prevents important details from being cut off on smaller mobile devices.`})}),`\n`,_jsx(Heading,{level:`2`,id:`other-banner-and-branding-options`,children:`Other banner and branding options`}),`\n`,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Team public page banner`,icon:`image`,href:`/branding/banner-team`,children:_jsx(_components.p,{children:`Add a banner to your team’s booking page.`})}),_jsx(Card,{title:`Custom Branding overview`,icon:`wand-magic-sparkles`,href:`/branding/personal`,children:_jsx(_components.p,{children:`Round out your page with social profiles, brand colors, and a logo.`})})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Public Page Banner","description":"Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.","icon":"image","keywords":["banner image","booking page banner","header image","personal banner","cover image"],"related":["/branding/personal","/branding/banner-team","/branding/logo-favicon","/branding/brand-colors","/appearance/appearance"],"href":"/branding/banner"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Step-by-step configuration","slug":"step-by-step-configuration","depth":2,"children":[]},{"title":"Other banner and branding options","slug":"other-banner-and-branding-options","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/docs/_mintlify/custom/cal-id-docs/09b4d95490dd9c71/support-crisp.js"],"subdomain":"cal-id-docs","siteName":"Cal ID","title":"Public Page Banner - Cal ID","relatedPages":[{"title":"Custom Branding for Personal","link":"/branding/personal","icon":"wand-magic-sparkles"},{"title":"Public Page Banner for Team","link":"/branding/banner-team","icon":"image"},{"title":"Customize Your Brand Logo and Favicon in Cal ID","link":"/branding/logo-favicon","icon":"image"},{"title":"Managing Custom Brand Colors in Cal ID","link":"/branding/brand-colors","icon":"palette"},{"title":"Customizing Your Appearance in Cal ID","link":"/appearance/appearance","icon":"palette"}],"relatedPagesConfig":{"enabled":true,"limit":5,"mode":"automatic"},"contextualStarterQuestions":[{"_id":"6ab77348a4752b29fe353ab2","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"Which plans include banners?","status":"active","generatedBy":"contextual","path":"branding/banner","createdAt":"2026-09-26T07:24:56.987Z","updatedAt":"2026-09-26T07:24:56.987Z","__v":0},{"_id":"6ab77348a4752b29fe353ab1","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"What's the banner size requirement?","status":"active","generatedBy":"contextual","path":"branding/banner","createdAt":"2026-09-26T07:24:56.987Z","updatedAt":"2026-09-26T07:24:56.987Z","__v":0},{"_id":"6ab77348a4752b29fe353ab0","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"How do I add a banner image?","status":"active","generatedBy":"contextual","path":"branding/banner","createdAt":"2026-09-26T07:24:56.987Z","updatedAt":"2026-09-26T07:24:56.987Z","__v":0}],"navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-26T07:24:50.375Z","originalFileLocation":"branding/banner.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Cal ID\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Public Page Banner - Cal ID\">\u003cmeta data-mint-head property=\"og:description\" content=\"Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Cal ID\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://cal.id/docs/branding/banner\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://cal-id-docs.mintlify.app/_mintlify/api/og/v2?division=Branding\u0026amp;title=Public+Page+Banner\u0026amp;description=Add+a+wide+header+banner+image+to+the+top+of+your+personal+Cal+ID+booking+page+for+a+professional%2C+on-brand+first+impression+when+bookers+arrive.\u0026amp;theme=1ce1fba1bcc16a5579de1fe3\u0026amp;signature=9eff97fa30b993d229113c7da8f1e1c8e9b71cbdde03f7b58650856ecc9e03e5\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Public Page Banner - Cal ID\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://cal-id-docs.mintlify.app/_mintlify/api/og/v2?division=Branding\u0026amp;title=Public+Page+Banner\u0026amp;description=Add+a+wide+header+banner+image+to+the+top+of+your+personal+Cal+ID+booking+page+for+a+professional%2C+on-brand+first+impression+when+bookers+arrive.\u0026amp;theme=1ce1fba1bcc16a5579de1fe3\u0026amp;signature=9eff97fa30b993d229113c7da8f1e1c8e9b71cbdde03f7b58650856ecc9e03e5\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Cal ID\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#1972F5\">\u003clink data-mint-head rel=\"canonical\" href=\"https://cal.id/docs/branding/banner\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/branding/banner.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://cal.id/#organization\",\"name\":\"Cal ID\",\"url\":\"https://cal.id\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/cal-id-docs/k1VHQ7P5ONAHeLvP/logo/light.svg?fit=max\u0026auto=format\u0026n=k1VHQ7P5ONAHeLvP\u0026q=85\u0026s=589c4a9c69ea7387516e6452f592553e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://cal.id/docs#website\",\"name\":\"Cal ID\",\"url\":\"https://cal.id/docs\",\"publisher\":{\"@id\":\"https://cal.id/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://cal.id/docs/branding/banner#webpage\",\"url\":\"https://cal.id/docs/branding/banner\",\"name\":\"Public Page Banner\",\"description\":\"Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.\",\"dateModified\":\"2026-09-26T07:24:50.375Z\",\"isPartOf\":{\"@id\":\"https://cal.id/docs#website\"},\"breadcrumb\":{\"@id\":\"https://cal.id/docs/branding/banner#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://cal.id/docs/branding/banner#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Branding\",\"item\":\"https://cal.id/docs/branding/personal\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Public Page Banner\",\"item\":\"https://cal.id/docs/branding/banner\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://cal.id/docs/branding/banner#article\",\"headline\":\"Public Page Banner\",\"name\":\"Public Page Banner\",\"description\":\"Add a wide header banner image to the top of your personal Cal ID booking page for a professional, on-brand first impression when bookers arrive.\",\"url\":\"https://cal.id/docs/branding/banner\",\"mainEntityOfPage\":{\"@id\":\"https://cal.id/docs/branding/banner#webpage\"},\"dateModified\":\"2026-09-26T07:24:50.375Z\",\"keywords\":\"banner image, booking page banner, header image, personal banner, cover image\",\"publisher\":{\"@id\":\"https://cal.id/#organization\"},\"isPartOf\":{\"@id\":\"https://cal.id/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Cal ID\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Cal ID","nav":{"global":null,"tabs":[{"tab":"Get Started","pages":[{"title":"Get Started","href":""}]},{"tab":"Event Types","pages":[{"title":"Event Types","href":"/event-types/overview"}]},{"tab":"Scheduling \u0026 Teams","pages":[{"title":"Scheduling \u0026 Teams","href":"/scheduling/overview"}]},{"tab":"Apps \u0026 Integrations","pages":[{"title":"Apps \u0026 Integrations","href":"/apps/overview"}]},{"tab":"Customization \u0026 Settings","groups":[{"group":"Overview","pages":[{"title":"Customization \u0026 Settings","icon":"palette","sidebarTitle":"Overview","href":"/customization/overview"}]},{"group":"Appearance","pages":[{"title":"Customizing Your Appearance in Cal ID","sidebarTitle":"Appearance","icon":"palette","href":"/appearance/appearance"},{"title":"Team Appearance Settings","icon":"users-gear","href":"/appearance/team-appearance"}]},{"group":"Branding","pages":[{"title":"Custom Branding for Personal","icon":"wand-magic-sparkles","href":"/branding/personal"},{"title":"Custom Branding for Teams","description":"Apply custom branding to your team's Cal ID booking page with logos, colors, and banners for a consistent look across collective and round-robin events.","icon":"users-gear","href":"/branding/teams"},{"title":"Public Page Banner","icon":"image","href":"/branding/banner"},{"title":"Public Page Banner for Team","description":"Add a wide header banner image to the top of your team's Cal ID booking page for a professional, on-brand first impression when bookers visit.","icon":"image","href":"/branding/banner-team"},{"title":"How to Add Social Profiles in Cal ID","sidebarTitle":"Social Profiles","icon":"share-nodes","href":"/branding/social-profiles"},{"title":"Managing Custom Brand Colors in Cal ID","sidebarTitle":"Brand Colors","icon":"palette","href":"/branding/brand-colors"},{"title":"Managing Custom Brand Colors in Cal ID for Team","sidebarTitle":"Brand Colors (Team)","icon":"palette","href":"/branding/brand-colors-team"},{"title":"Customize Your Brand Logo and Favicon in Cal ID","sidebarTitle":"Logo \u0026 Favicon","icon":"image","href":"/branding/logo-favicon"},{"title":"Customize Your Brand Logo and Favicon in Cal ID for Team","sidebarTitle":"Logo \u0026 Favicon (Team)","icon":"image","href":"/branding/logo-favicon-team"}]},{"group":"Account Settings","pages":[{"title":"Managing Your Cal ID Profile Settings","sidebarTitle":"Profile","icon":"user","href":"/settings/profile"},{"title":"Configure Language, Timezone, and Travel Schedule in Cal ID","sidebarTitle":"General","icon":"globe","href":"/settings/general"},{"title":"User-Level Booking Limits","sidebarTitle":"Booking Limits","icon":"gauge-high","href":"/settings/booking-limits"},{"title":"How to Set Your Internal Time Format","sidebarTitle":"Time Format","icon":"clock","href":"/settings/time-format"},{"title":"Start of the Week","icon":"calendar","href":"/settings/start-of-week"},{"title":"Dynamic Group Links","icon":"link","href":"/settings/dynamic-group-links"},{"title":"Managing Push Notifications in Cal ID","sidebarTitle":"Push Notifications","icon":"bell","href":"/settings/push-notifications"},{"title":"Managing Your Cal ID Account Password","sidebarTitle":"Password","icon":"lock","href":"/settings/password"}]},{"group":"Insights","pages":[{"title":"Analyzing Booking Performance with Cal ID Insights","icon":"chart-line","href":"/insights/booking-performance"},{"title":"Analyzing Workflow Performance in Cal ID Insights","icon":"gears","href":"/insights/workflow-performance"},{"title":"Analyzing Routing Form Performance in Cal ID Insights","icon":"filter","href":"/insights/routing-performance"}]}]},{"tab":"Developers","pages":[{"title":"Developers","href":"/developers/overview"}]},{"tab":"MCP","icon":"plug","pages":[{"title":"MCP","href":"/mcp/overview"}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]}]},"basePath":"","title":"Public Page Banner - Cal ID","buildId":"dpl_6cCEiK8XNNvaLBBkWzcBhdE9QfLC","deploymentId":"dpl_6cCEiK8XNNvaLBBkWzcBhdE9QfLC","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-Bj1PpgeO.js","DynamicMarkdown-Bas9A7wq.js","zoom-image-lightbox-B-WKhCOL.js","lightbox-handle-r17bVUz3.js"]}
