We voluntarily kept our branding system simple. We believe that a minimal configuration will lead to neater products.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"Kobble Documentation","colors":{"primary":"#00ccc0","light":"#00ccc0","dark":"#00ccc0"},"favicon":"/favicon.svg","logo":{"light":"https://mintcdn.com/kobble/g-BoOFA0qGvJRBgZ/logo/light.svg?fit=max\u0026auto=format\u0026n=g-BoOFA0qGvJRBgZ\u0026q=85\u0026s=3866b83b51b022a4ce92a4b09e3c3105","dark":"https://mintcdn.com/kobble/g-BoOFA0qGvJRBgZ/logo/dark.svg?fit=max\u0026auto=format\u0026n=g-BoOFA0qGvJRBgZ\u0026q=85\u0026s=f1d44f22b25794bf21f9684c8c5fd60d"},"navbar":{"links":[{"label":"Support","href":"mailto:kevin@kobble.io"}],"primary":{"type":"button","label":"Dashboard","href":"https://app.kobble.io"}},"footer":{"socials":{"twitter":"https://twitter.com/kobbleio","github":"https://github.com/kobble-io/docs","linkedin":"https://www.linkedin.com/company/kobble-io"}},"navigation":{"global":{"anchors":[{"anchor":"Community","href":"https://discord.gg/MCQZ8T78md","icon":"discord"},{"anchor":"Blog","href":"https://kobble.io/blog","icon":"newspaper"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"kobble","hasAudioNarration":false,"actualSubdomain":"kobble","customDomains":["docs.kobble.io"],"gitSource":{"type":"github","owner":"kobble-io","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a21e61d8d1fcd719df0321f","collectionId":"37792dc4-2a32-4f7d-b5a0-1d05584753d5","schemaVersion":"v2"},"entitlements":{},"buildId":"6a21e61d8d1fcd719df0321f:success","clientVersion":"0.0.4043","searchFilterCounts":[{"language":"default","tag":"Documentation","count":50},{"language":"default","tag":"Product","count":19},{"language":"default","tag":"Fullstack SDKs","count":17},{"language":"default","tag":"Next.js","count":17},{"language":"default","tag":"Components","count":8},{"language":"default","tag":"Webhooks","count":7},{"language":"default","tag":"Events","count":6},{"language":"default","tag":"Quickstart","count":5},{"language":"default","tag":"Authentication","count":5},{"language":"default","tag":"Social Login (OAuth)","count":4}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"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}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"product/customer-portal/branding","slug":"/product/customer-portal/branding","pageMetadata":{"title":"Portal Branding","description":"You can customize the look and feel of your customer portal to match your brand.","href":"/product/customer-portal/branding"},"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: \"You can customize the look and feel of your customer portal to match your brand.\"\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`,li:`li`,ol:`ol`,p:`p`,..._provideComponents(),...props.components},{Note,OptimizedImage}=_components;if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`This includes adding your logo and changing the color scheme.`}),`\n`,_jsx(_components.p,{children:`To update your branding:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`Open your Kobble dashboard and select Customer Portal in the left menu.`}),`\n`,_jsxs(_components.li,{children:[`Select the `,_jsx(_components.a,{href:`https://app.kobble.io/p/portal/branding`,children:`Branding tab`}),`.`]}),`\n`,_jsx(_components.li,{children:`Add your logo, favicon and colors.`}),`\n`]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/portal/branding-config.png?fit=max\u0026auto=format\u0026n=hy82n-p3NucxH50S\u0026q=85\u0026s=36666f99921b8a5437c220ff87dd5e80`,alt:`Branding`,\"data-og-width\":`3010`,width:`3010`,\"data-og-height\":`1720`,height:`1720`,\"data-path\":`images/portal/branding-config.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/portal/branding-config.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy82n-p3NucxH50S\u0026q=85\u0026s=61995f74df54e1b6d57e4fc3c87ce34d 280w, https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/portal/branding-config.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy82n-p3NucxH50S\u0026q=85\u0026s=8b9716141e96879b1e5c530a10087998 560w, https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/portal/branding-config.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy82n-p3NucxH50S\u0026q=85\u0026s=2d22c21ab62c1c8a4a1e76b60b022ae7 840w, https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/portal/branding-config.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy82n-p3NucxH50S\u0026q=85\u0026s=5f00c93a979b4b20aaa5cdc9718b6084 1100w, https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/portal/branding-config.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy82n-p3NucxH50S\u0026q=85\u0026s=c486def9d6ccddd94026ee2d010ad276 1650w, https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/portal/branding-config.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy82n-p3NucxH50S\u0026q=85\u0026s=abe9673a826106ea07024df12574d09a 2500w`}),`\n`,_jsx(Note,{children:`We voluntarily kept our branding system simple. We believe that a minimal configuration will lead to neater products.`})]})}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":"Portal Branding","description":"You can customize the look and feel of your customer portal to match your brand.","href":"/product/customer-portal/branding"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"subdomain":"kobble","siteName":"Kobble Documentation","title":"Portal Branding - Kobble Documentation","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T00:53:40.392Z","originalFileLocation":"product/customer-portal/branding.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=\"You can customize the look and feel of your customer portal to match your brand.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Kobble Documentation\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_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=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Portal Branding - Kobble Documentation\">\u003cmeta data-mint-head property=\"og:description\" content=\"You can customize the look and feel of your customer portal to match your brand.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Kobble Documentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.kobble.io/product/customer-portal/branding\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://kobble.mintlify.app/_mintlify/api/og/v2?division=Customer+Portal\u0026amp;title=Portal+Branding\u0026amp;description=You+can+customize+the+look+and+feel+of+your+customer+portal+to+match+your+brand.\u0026amp;theme=44777c1f8b93521e22f23e44\u0026amp;signature=fa7a9a5f4f22f8e0599d94aa6c3d01819ff850d96ee0dceb13c83336a7fea8bf\">\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=\"Portal Branding - Kobble Documentation\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"You can customize the look and feel of your customer portal to match your brand.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://kobble.mintlify.app/_mintlify/api/og/v2?division=Customer+Portal\u0026amp;title=Portal+Branding\u0026amp;description=You+can+customize+the+look+and+feel+of+your+customer+portal+to+match+your+brand.\u0026amp;theme=44777c1f8b93521e22f23e44\u0026amp;signature=fa7a9a5f4f22f8e0599d94aa6c3d01819ff850d96ee0dceb13c83336a7fea8bf\">\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=\"/mintlify-assets/_mintlify/favicons/kobble/6GowyAWKA8ZR1qGX/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Kobble Documentation\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#00ccc0\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.kobble.io/product/customer-portal/branding\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/product/customer-portal/branding.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.kobble.io/#organization\",\"name\":\"Kobble Documentation\",\"url\":\"https://docs.kobble.io\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/kobble/g-BoOFA0qGvJRBgZ/logo/light.svg?fit=max\u0026auto=format\u0026n=g-BoOFA0qGvJRBgZ\u0026q=85\u0026s=3866b83b51b022a4ce92a4b09e3c3105\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.kobble.io#website\",\"name\":\"Kobble Documentation\",\"url\":\"https://docs.kobble.io\",\"publisher\":{\"@id\":\"https://docs.kobble.io/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.kobble.io/product/customer-portal/branding#webpage\",\"url\":\"https://docs.kobble.io/product/customer-portal/branding\",\"name\":\"Portal Branding\",\"description\":\"You can customize the look and feel of your customer portal to match your brand.\",\"dateModified\":\"2026-01-07T00:53:40.392Z\",\"isPartOf\":{\"@id\":\"https://docs.kobble.io#website\"},\"breadcrumb\":{\"@id\":\"https://docs.kobble.io/product/customer-portal/branding#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.kobble.io/product/customer-portal/branding#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Product\",\"item\":\"https://docs.kobble.io/product/customer-portal/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customer Portal\",\"item\":\"https://docs.kobble.io/product/customer-portal/overview\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Portal Branding\",\"item\":\"https://docs.kobble.io/product/customer-portal/branding\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.kobble.io/product/customer-portal/branding#article\",\"headline\":\"Portal Branding\",\"name\":\"Portal Branding\",\"description\":\"You can customize the look and feel of your customer portal to match your brand.\",\"url\":\"https://docs.kobble.io/product/customer-portal/branding\",\"mainEntityOfPage\":{\"@id\":\"https://docs.kobble.io/product/customer-portal/branding#webpage\"},\"dateModified\":\"2026-01-07T00:53:40.392Z\",\"publisher\":{\"@id\":\"https://docs.kobble.io/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.kobble.io#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Kobble Documentation\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Kobble Documentation","nav":{"global":{"anchors":[{"anchor":"Community","href":"https://discord.gg/MCQZ8T78md","icon":"discord"},{"anchor":"Blog","href":"https://kobble.io/blog","icon":"newspaper"}]},"anchors":[{"anchor":"Documentation","icon":"book-open","groups":[{"group":"Home","pages":[{"title":"Introduction","icon":"House","href":"/introduction"}]},{"group":"Quickstart","pages":[{"title":"Set up Kobble","icon":"Screwdriver","href":"/learning/quickstart/setup"},{"title":"Next quickstart","icon":"N","href":"/learning/quickstart/next"},{"title":"React quickstart","icon":"React","href":"/learning/quickstart/react"},{"title":"Vue.js quickstart","icon":"Vuejs","href":"/learning/quickstart/vuejs"},{"group":"Integrations","icon":"Plug","pages":[{"title":"Supabase","href":"/learning/quickstart/supabase"}]}]},{"group":"Fullstack SDKs","pages":[{"group":"Next.js","icon":"N","pages":[{"title":"Overview","href":"/libraries/fullstack-sdk/next/overview"},{"title":"Auth Middleware","href":"/libraries/fullstack-sdk/next/routes-guard"},{"group":"Components","pages":[{"title":"\u003cSignedIn />","href":"/libraries/fullstack-sdk/next/components/signed-in"},{"title":"\u003cSignedOut />","href":"/libraries/fullstack-sdk/next/components/signed-out"},{"title":"\u003cIsAllowed />","href":"/libraries/fullstack-sdk/next/components/is-allowed"},{"title":"\u003cIsForbidden />","href":"/libraries/fullstack-sdk/next/components/is-forbidden"},{"title":"\u003cLoginButton />","href":"/libraries/fullstack-sdk/next/components/login-button"},{"title":"\u003cLogoutButton />","href":"/libraries/fullstack-sdk/next/components/logout-button"},{"title":"\u003cPricingLink />","href":"/libraries/fullstack-sdk/next/components/pricing-link"},{"title":"\u003cProfileLink />","href":"/libraries/fullstack-sdk/next/components/profile-link"}]},{"group":"Hooks (client-side)","pages":[{"title":"useAuth()","href":"/libraries/fullstack-sdk/next/hooks/use-auth"},{"title":"useAccessControl()","href":"/libraries/fullstack-sdk/next/hooks/use-access-control"},{"title":"useKobble()","href":"/libraries/fullstack-sdk/next/hooks/use-kobble"}]},{"group":"Helpers (server-side)","pages":[{"title":"getAuth()","href":"/libraries/fullstack-sdk/next/helpers/get-auth"},{"title":"getAccessControl()","href":"/libraries/fullstack-sdk/next/helpers/get-access-control"},{"title":"getKobble()","href":"/libraries/fullstack-sdk/next/helpers/get-kobble"}]},{"group":"References","pages":[{"title":"Class: AccessControl","href":"/libraries/fullstack-sdk/next/references/classes/access-control"}]}]}]},{"group":"Client SDKs","pages":[{"title":"Javascript","icon":"js","href":"/libraries/client-sdk/javascript"},{"title":"React","icon":"React","href":"/libraries/client-sdk/react"},{"title":"React Web Extension","icon":"Chrome","href":"/libraries/client-sdk/react-web-extension"}]},{"group":"Admin SDKs","pages":[{"title":"Node.js","icon":"node","href":"/libraries/admin-sdk/node"},{"title":"Deno","icon":"dinosaur","href":"/libraries/admin-sdk/deno"},{"title":"Go","icon":"golang","href":"/libraries/admin-sdk/go"}]},{"group":"Product","pages":[{"group":"Customer Portal","icon":"Users","pages":[{"title":"Overview","description":"The central platform for your users to sign up, log in, and manage their subscriptions.","href":"/product/customer-portal/overview"},{"title":"Portal Branding","href":"/product/customer-portal/branding"},{"title":"Legal Information","description":"Add your legal information to your customer portal.","href":"/product/customer-portal/legal-info"},{"title":"Custom Scripts","href":"/product/customer-portal/custom-scripts"}]},{"group":"Authentication","icon":"User","pages":[{"title":"Overview","href":"/product/authentication/overview"},{"group":"Social Login (OAuth)","pages":[{"title":"Google","href":"/product/authentication/social/google"},{"title":"GitHub","href":"/product/authentication/social/github"},{"title":"GitLab","href":"/product/authentication/social/gitlab"},{"title":"Azure AD (Microsoft)","href":"/product/authentication/social/azure-ad"}]}]},{"title":"Monetization","icon":"money-bills","href":"/product/monetization"},{"title":"Quotas","icon":"calculator","href":"/product/quotas"},{"title":"Permissions","icon":"shield","href":"/product/permissions"},{"group":"Webhooks","icon":"bolt","pages":[{"title":"Overview","href":"/product/webhooks/overview"},{"group":"Events","pages":[{"title":"User Created","href":"/product/webhooks/events/user.created"},{"title":"Subscription Created","href":"/product/webhooks/events/subscription.created"},{"title":"Subscription Updated","href":"/product/webhooks/events/subscription.updated"},{"title":"Subscription Deleted","href":"/product/webhooks/events/subscription.deleted"},{"title":"Quota Reached","href":"/product/webhooks/events/quota.reached"},{"title":"Ping","href":"/product/webhooks/events/ping"}]}]}]},{"group":"Guides","pages":[{"title":"Best Practices","href":"/guides/best-practices"},{"title":"Integrating Crisp","href":"/guides/crisp"}]}]}]},"basePath":"","title":"Portal Branding - Kobble Documentation","buildId":"dpl_G9nrg4qeJSZtah1Ziwbc2n6WkLch","deploymentId":"dpl_G9nrg4qeJSZtah1Ziwbc2n6WkLch","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-DL4wrF0w.js","lightbox-handle-r17bVUz3.js"]}