1"use strict";(self.webpackChunk_verdict_docs=self.webpackChunk_verdict_docs||[]).push([[2143],{52143:(e,o,n)=>{n.r(o),n.d(o,{contentTitle:()=>s,default:()=>a,frontMatter:()=>t,toc:()=>l});var i=n(65723),r=n(13431);const t={},s="Customize Your Branding",l=[{value:"Access Branding Settings",id:"access-branding-settings",level:2},{value:"Upload Your Logo",id:"upload-your-logo",level:2},{value:"Set Your Colors",id:"set-your-colors",level:2},{value:"Primary Color",id:"primary-color",level:3},{value:"Button Color",id:"button-color",level:3},{value:"Preview Your Changes",id:"preview-your-changes",level:2},{value:"Custom Content",id:"custom-content",level:2},{value:"Next Steps",id:"next-steps",level:2}];function c(e){const o={a:"a",admonition:"admonition",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.header,{children:(0,i.jsx)(o.h1,{id:"customize-your-branding",children:"Customize Your Branding"})}),"\n",(0,i.jsx)(o.p,{children:"Make the ID verification experience match your brand. Customers are more likely to complete verification when it looks familiar and trustworthy."}),"\n",(0,i.jsx)(o.h2,{id:"access-branding-settings",children:"Access Branding Settings"}),"\n",(0,i.jsxs)(o.p,{children:["Navigate to ",(0,i.jsx)(o.strong,{children:"Settings"})," \u2192 ",(0,i.jsx)(o.strong,{children:"Appearance"})," in your Real ID dashboard."]}),"\n",(0,i.jsx)(o.h2,{id:"upload-your-logo",children:"Upload Your Logo"}),"\n",(0,i.jsx)(o.p,{children:"Your logo appears in:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"The ID verification flow"}),"\n",(0,i.jsx)(o.li,{children:"Email notifications"}),"\n",(0,i.jsx)(o.li,{children:"SMS message links"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"To add your logo:"}),"\n",(0,i.jsxs)(o.ol,{children:["\n",(0,i.jsxs)(o.li,{children:["Scroll to the ",(0,i.jsx)(o.strong,{children:"Logo"})," section"]}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop your logo file, or click to browse"}),"\n",(0,i.jsxs)(o.li,{children:["Click ",(0,i.jsx)(o.strong,{children:"Save"})]}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://res.cloudinary.com/tinyhouse/image/upload/v1681912592/Real%20ID/Docs/CleanShot_2023-04-19_at_09.55.46_2x.png",alt:"Uploading your logo"})}),"\n",(0,i.jsx)(o.admonition,{title:"Logo Tips",type:"tip",children:(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Use a transparent PNG for best results"}),"\n",(0,i.jsx)(o.li,{children:"Your logo will be automatically resized for different devices"}),"\n",(0,i.jsx)(o.li,{children:"Square or horizontal logos work best"}),"\n"]})}),"\n",(0,i.jsx)(o.h2,{id:"set-your-colors",children:"Set Your Colors"}),"\n",(0,i.jsx)(o.p,{children:"Customize the color scheme to match your brand:"}),"\n",(0,i.jsx)(o.h3,{id:"primary-color",children:"Primary Color"}),"\n",(0,i.jsx)(o.p,{children:"The background color used throughout the verification flow and emails."}),"\n",(0,i.jsx)(o.admonition,{type:"tip",children:(0,i.jsx)(o.p,{children:"Use a neutral or light color as your primary color. This helps the action buttons stand out."})}),"\n",(0,i.jsx)(o.h3,{id:"button-color",children:"Button Color"}),"\n",(0,i.jsx)(o.p,{children:'The color for call-to-action buttons like "Start Verification" and "Continue".'}),"\n",(0,i.jsx)(o.admonition,{type:"tip",children:(0,i.jsx)(o.p,{children:"Use a darker, contrasting color for buttons. The button text is white, so darker backgrounds improve readability."})}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://res.cloudinary.com/tinyhouse/image/upload/v1681913294/Real%20ID/Docs/CleanShot_2023-04-19_at_10.08.03_2x.png",alt:"Setting your colors"})}),"\n",(0,i.jsx)(o.h2,{id:"preview-your-changes",children:"Preview Your Changes"}),"\n",(0,i.jsxs)(o.p,{children:["After saving, click ",(0,i.jsx)(o.strong,{children:"Preview"})," to see how the verification flow will look to your customers. Test on both desktop and mobile views."]}),"\n",(0,i.jsx)(o.h2,{id:"custom-content",children:"Custom Content"}),"\n",(0,i.jsx)(o.p,{children:"You can also customize the text shown to customers:"}),"\n",(0,i.jsxs)(o.ol,{children:["\n",(0,i.jsxs)(o.li,{children:["Go to ",(0,i.jsx)(o.strong,{children:"Settings"})," \u2192 ",(0,i.jsx)(o.strong,{children:"Appearance"})," \u2192 ",(0,i.jsx)(o.strong,{children:"Content"})]}),"\n",(0,i.jsx)(o.li,{children:"Edit the welcome message, instructions, and completion text"}),"\n",(0,i.jsxs)(o.li,{children:["Click ",(0,i.jsx)(o.strong,{children:"Save"})]}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.a,{href:"/help/docs/theming/customize-content",children:"Learn more about customizing content \u2192"})}),"\n",(0,i.jsx)(o.h2,{id:"next-steps",children:"Next Steps"}),"\n",(0,i.jsx)(o.p,{children:"Next, we'll set up email delivery so verification requests come from your domain."})]})}function a(e={}){const{wrapper:o}={...(0,r.R)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.