{"id":31730,"date":"2026-09-23T10:30:59","date_gmt":"2026-09-23T08:30:59","guid":{"rendered":"https:\/\/botnation.ai\/chatbot-avatar\/"},"modified":"2026-09-23T10:44:01","modified_gmt":"2026-09-23T08:44:01","slug":"chatbot-avatar","status":"publish","type":"post","link":"https:\/\/botnation.ai\/en\/chatbot-avatar\/","title":{"rendered":"Chatbot avatar: which face to give your bot, and at what cost? (2026)"},"content":{"rendered":"<p><script>var s=document.createElement(\"style\");s.appendChild(document.createTextNode(`.bn-art{ --bn-cream:#faf8f2; --bn-card:#faf6ea; --bn-sand:#ebe3cb; --bn-sand-2:#f3ecd9; --bn-sand-zebra:#f6f0df; --bn-coral:#fe716b; --bn-coral-soft:#fdeeed; --bn-coral-line:#f6c9c6; --bn-coral-txt:#bd3a34; --bn-blue:#3358f0; --bn-blue-soft:#eef1fe; --bn-blue-line:#c9d4fb; --bn-green:#427632; --bn-green-soft:#eef6ea; --bn-ink:#3d351f; --bn-text:#414b56; --bn-muted:#6d6653; --bn-border:#e6dcc2; --bn-r:16px; --bn-r-sm:11px; --bn-sp:22px; --bn-sh:0 1px 2px rgba(61,53,31,.05),0 10px 26px rgba(61,53,31,.07); --bn-sh-sm:0 1px 2px rgba(61,53,31,.05),0 4px 12px rgba(61,53,31,.05); --bn-mono:'IBM Plex Mono','SFMono-Regular',ui-monospace,'Courier New',monospace; color:var(--bn-text); font-size:18px; line-height:1.75; max-width:820px; margin:0 auto; } .bn-art *{box-sizing:border-box} .bn-art p{margin:0 0 1.15em; color:var(--bn-text)} .bn-art h2{ color:var(--bn-ink); font-weight:700; line-height:1.25; font-size:1.72em; margin:2.2em 0 .7em; letter-spacing:-.01em; } .bn-art h3{color:var(--bn-ink); font-weight:700; font-size:1.22em; margin:1.8em 0 .5em} .bn-art a{color:#3f5cd6; text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px} .bn-art a:hover{color:var(--bn-coral)} .bn-art strong{color:var(--bn-ink); font-weight:700} .bn-art ul,.bn-art ol{margin:0 0 1.3em; padding-left:1.25em} .bn-art li{margin:.4em 0} .bn-art ul li::marker{color:var(--bn-coral)} .bn-art ol li::marker{color:var(--bn-blue); font-weight:700} .bn-klabel{ display:inline-flex; align-items:center; gap:7px; font-family:var(--bn-mono); font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.12em; color:var(--bn-coral); margin:0 0 .2em; } .bn-klabel svg{width:15px;height:15px;flex:none} .bn-tldr{ background:var(--bn-card); border:1px solid var(--bn-border); border-left:4px solid var(--bn-coral); border-radius:var(--bn-r); padding:20px 24px; margin:0 0 30px; box-shadow:var(--bn-sh-sm); } .bn-tldr p{margin:0; color:var(--bn-text)} .bn-tldr p+p{margin-top:.6em} .bn-toc{ background:var(--bn-sand-2); border:1px solid var(--bn-sand); border-radius:var(--bn-r); padding:18px 22px; margin:0 0 34px; } .bn-toc .bn-klabel{color:var(--bn-coral)} .bn-toc ol{margin:.4em 0 0; padding-left:1.2em; columns:2; column-gap:28px} .bn-toc li{margin:.25em 0; break-inside:avoid} .bn-toc a{color:var(--bn-ink); text-decoration:none; font-weight:600; font-size:.96em} .bn-toc a:hover{color:var(--bn-coral); text-decoration:underline} .bn-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:28px 0} .bn-stat{ background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:20px 18px; text-align:center; box-shadow:var(--bn-sh-sm); } .bn-stat b{display:block; font-size:2em; line-height:1.1; color:var(--bn-coral); font-weight:800; letter-spacing:-.02em} .bn-stat span{display:block; margin-top:6px; font-size:.86em; color:var(--bn-muted); line-height:1.45} .bn-stat:nth-child(2) b{color:var(--bn-blue)} .bn-stat:nth-child(3) b{color:var(--bn-ink)} .bn-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:26px 0} .bn-card{ background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:22px; box-shadow:var(--bn-sh-sm); } .bn-card h4{margin:.1em 0 .35em; color:var(--bn-ink); font-size:1.06em; font-weight:700; display:flex; gap:9px; align-items:center} .bn-card h4 svg{width:20px;height:20px;flex:none;color:var(--bn-coral)} .bn-card p{margin:0; font-size:.96em} .bn-ex{ background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:20px 0; box-shadow:var(--bn-sh); position:relative; } .bn-ex-h{display:flex; align-items:center; gap:13px; margin-bottom:14px} .bn-ex-n{ flex:none; width:38px; height:38px; border-radius:11px; background:var(--bn-coral-soft); color:var(--bn-coral); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.1em; font-family:var(--bn-mono); } .bn-ex-h h3{margin:0; font-size:1.18em} .bn-ex-tag{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.1em; color:var(--bn-muted); display:block; margin-top:2px} .bn-ex p{margin:.2em 0 .9em} .bn-ex .bn-ba{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px} .bn-ba div{border-radius:var(--bn-r-sm); padding:13px 15px; font-size:.9em; line-height:1.5} .bn-ba .biz{background:var(--bn-blue-soft); border:1px solid var(--bn-blue-line)} .bn-ba .cli{background:var(--bn-green-soft); border:1px solid #cfe6c4} .bn-ba b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; color:var(--bn-muted)} .bn-tablewrap{overflow-x:auto; margin:26px 0; border-radius:var(--bn-r); border:1px solid var(--bn-border); box-shadow:var(--bn-sh-sm)} .bn-art table{width:100%; border-collapse:collapse; background:var(--bn-card); font-size:.94em; min-width:520px} .bn-art thead th{background:var(--bn-ink); color:#fbf7ec; text-align:left; font-weight:700; padding:13px 16px; font-size:16px} .bn-art tbody td{padding:12px 16px; border-top:1px solid var(--bn-border); color:var(--bn-text); vertical-align:top; font-size:16px} .bn-art tbody tr:nth-child(even){background:var(--bn-sand-zebra)} .bn-art tbody td:first-child{font-weight:700; color:var(--bn-ink)} .bn-cols{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:26px 0} .bn-col{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:22px; box-shadow:var(--bn-sh-sm)} .bn-col h4{margin:0 0 12px; font-size:1.05em; color:var(--bn-ink); display:flex; align-items:center; gap:9px} .bn-col h4 svg{width:20px;height:20px;flex:none} .bn-col.biz h4 svg{color:var(--bn-blue)} .bn-col.cli h4 svg{color:var(--bn-green)} .bn-col.warn h4 svg{color:var(--bn-coral)} .bn-col ul{margin:0; padding:0; list-style:none} .bn-col li{position:relative; padding-left:26px; margin:.55em 0; font-size:.96em} .bn-col li::before{content:\"\"; position:absolute; left:0; top:.5em; width:13px; height:13px; border-radius:50%; background:var(--bn-coral-soft); border:2px solid var(--bn-coral)} .bn-col.biz li::before{background:var(--bn-blue-soft); border-color:var(--bn-blue)} .bn-col.cli li::before{background:var(--bn-green-soft); border-color:var(--bn-green)} .bn-call{ display:flex; gap:14px; border-radius:var(--bn-r); padding:18px 20px; margin:24px 0; background:var(--bn-card); border:1px solid var(--bn-border); box-shadow:var(--bn-sh-sm); } .bn-call svg{width:22px; height:22px; flex:none; margin-top:1px} .bn-call b{color:var(--bn-ink)} .bn-call p{margin:0; font-size:.95em} .bn-call .bn-klabel{margin-bottom:3px} .bn-tip{border-left:4px solid var(--bn-green)} .bn-tip svg{color:var(--bn-green)} .bn-tip .bn-klabel{color:var(--bn-green)} .bn-warn{border-left:4px solid var(--bn-coral)} .bn-warn svg{color:var(--bn-coral)} .bn-warn .bn-klabel{color:var(--bn-coral)} .bn-info{border-left:4px solid var(--bn-blue)} .bn-info svg{color:var(--bn-blue)} .bn-info .bn-klabel{color:var(--bn-blue)} .bn-def{background:var(--bn-blue-soft); border:1px solid var(--bn-blue-line); border-radius:var(--bn-r); padding:20px 24px; margin:24px 0} .bn-def .bn-klabel{color:var(--bn-blue)} .bn-def p{margin:0} .bn-steps{counter-reset:s; list-style:none; padding:0; margin:24px 0} .bn-steps li{position:relative; padding:0 0 4px 56px; margin:0 0 18px; min-height:40px} .bn-steps li::before{ counter-increment:s; content:counter(s); position:absolute; left:0; top:0; width:40px; height:40px; border-radius:12px; background:var(--bn-coral); color:#fff; font-weight:800; font-family:var(--bn-mono); display:flex; align-items:center; justify-content:center; box-shadow:var(--bn-sh-sm); } .bn-steps li b{display:block; color:var(--bn-ink); margin-bottom:2px} .bn-check{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-check h3{margin:.1em 0 .3em} .bn-check>p{font-size:.95em; color:var(--bn-muted); margin-bottom:14px} .bn-check ul{list-style:none; padding:0; margin:0 0 18px} .bn-check li{margin:0; border-top:1px solid var(--bn-border)} .bn-check li:first-child{border-top:none} .bn-check label{display:flex; align-items:flex-start; gap:13px; padding:12px 2px; cursor:pointer; font-size:.97em; color:var(--bn-text)} .bn-check input{appearance:none; -webkit-appearance:none; flex:none; width:22px; height:22px; margin-top:1px; border:2px solid var(--bn-coral-line); border-radius:7px; background:#fff; cursor:pointer; position:relative; transition:.15s} .bn-check input:checked{background:var(--bn-coral); border-color:var(--bn-coral)} .bn-check input:checked::after{content:\"\"; position:absolute; left:6px; top:2px; width:6px; height:11px; border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg)} .bn-result{border-radius:var(--bn-r-sm); padding:16px 18px; background:var(--bn-coral-soft); border:1px solid var(--bn-coral-line); font-size:.96em} .bn-result b{color:var(--bn-ink)} .bn-result .bn-score{font-family:var(--bn-mono); font-weight:700; color:var(--bn-coral)} .bn-result .bnc-res{display:none; margin-top:10px} .bn-result .bnc-res.on{display:block} .bn-result .bnc-res p{margin:0; color:var(--bn-text)} .bn-faq{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); margin:0 0 12px; box-shadow:var(--bn-sh-sm); overflow:hidden} .bn-faq summary{cursor:pointer; padding:17px 20px; font-weight:700; color:var(--bn-ink); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:14px; font-size:1.03em} .bn-faq summary::-webkit-details-marker{display:none} .bn-faq summary::after{content:\"+\"; font-family:var(--bn-mono); font-size:1.5em; color:var(--bn-coral); flex:none; line-height:1; transition:transform .2s} .bn-faq[open] summary::after{transform:rotate(45deg)} .bn-faq .bn-faq-b{padding:0 20px 18px; color:var(--bn-text)} .bn-faq .bn-faq-b p{margin:0} .bn-fig{margin:30px 0; text-align:center} .bn-fig img{width:100%; height:auto; border-radius:var(--bn-r); box-shadow:var(--bn-sh); display:block} .bn-fig figcaption{margin-top:10px; font-size:.85em; color:var(--bn-muted); font-style:italic} .bn-cta{background:var(--bn-ink); border-radius:var(--bn-r); padding:34px 32px; margin:36px 0 12px; text-align:center} .bn-cta h3{color:#fff; margin:0 0 .4em; font-size:1.4em} .bn-cta p{color:#e9e2cf; margin:0 auto 20px; max-width:560px; font-size:1em} .bn-cta-btn{display:inline-block; background:var(--bn-coral); color:#332c19 !important; text-decoration:none !important; font-weight:800; padding:15px 34px; border-radius:999px; font-size:1.02em; box-shadow:0 8px 22px rgba(254,113,107,.35); transition:.15s} .bn-cta-btn:hover{background:#ff8782; color:#fff !important} .bn-quiz{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-quiz .bnq-q{padding:14px 0; border-top:1px solid var(--bn-border)} .bn-quiz .bnq-q:first-of-type{border-top:none; padding-top:4px} .bn-quiz .bnq-qt{font-weight:700; color:var(--bn-ink); margin:0 0 10px; font-size:1.02em} .bn-quiz .bnq-opt{display:flex; align-items:flex-start; gap:12px; padding:9px 12px; margin:6px 0; cursor:pointer; font-size:.96em; color:var(--bn-text); border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); background:#fff; transition:.15s} .bn-quiz .bnq-opt:hover{border-color:var(--bn-coral-line); background:var(--bn-coral-soft)} .bn-quiz .bnq-opt input{appearance:none; -webkit-appearance:none; flex:none; width:20px; height:20px; margin-top:1px; border:2px solid var(--bn-coral-line); border-radius:50%; background:#fff; cursor:pointer; position:relative; transition:.15s} .bn-quiz .bnq-opt input:checked{border-color:var(--bn-coral)} .bn-quiz .bnq-opt input:checked::after{content:\"\"; position:absolute; left:3px; top:3px; width:10px; height:10px; border-radius:50%; background:var(--bn-coral)} .bn-quiz .bnq-opt:has(input:checked){border-color:var(--bn-coral); background:var(--bn-coral-soft)} .bn-quiz .bnq-btn{margin-top:16px; display:inline-block; background:var(--bn-coral); color:#332c19; border:none; font-weight:800; font-size:1em; padding:13px 30px; border-radius:999px; cursor:pointer; box-shadow:0 6px 16px rgba(254,113,107,.28); transition:.15s; font-family:inherit} .bn-quiz .bnq-btn:hover{background:#ff8782} .bn-quiz .bnq-res{display:none; margin-top:18px; padding:18px 20px; border-radius:var(--bn-r-sm); background:var(--bn-blue-soft); border:1px solid var(--bn-blue-line)} .bn-quiz .bnq-res.on{display:block} .bn-quiz #bnq-agent{background:var(--bn-coral-soft); border-color:var(--bn-coral-line)} .bn-quiz #bnq-hybrid{background:var(--bn-green-soft); border-color:#cfe6c4} .bn-quiz .bnq-rt{font-weight:800; color:var(--bn-ink); margin:0 0 6px; font-size:1.08em} .bn-quiz .bnq-res p{margin:0} .bn-spectrum{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-spectrum h3{margin:.1em 0 .3em} .bn-spectrum>p{font-size:.95em; color:var(--bn-muted); margin:0 0 20px} .bn-spec-track{margin:26px 4px 4px} .bn-spec-range{-webkit-appearance:none; appearance:none; width:100%; height:8px; border-radius:999px; background:var(--bn-sand); outline:none; cursor:pointer; margin:0} .bn-spec-range::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:26px; height:26px; border-radius:50%; background:var(--bn-coral); border:3px solid #fff; box-shadow:var(--bn-sh-sm); cursor:pointer} .bn-spec-range::-moz-range-thumb{width:26px; height:26px; border-radius:50%; background:var(--bn-coral); border:3px solid #fff; box-shadow:var(--bn-sh-sm); cursor:pointer} .bn-spec-stops{display:flex; justify-content:space-between; margin-top:13px; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.07em; color:var(--bn-muted); gap:8px} .bn-spec-stops span{flex:1; cursor:pointer; transition:.15s; text-align:center} .bn-spec-stops span:first-child{text-align:left} .bn-spec-stops span:last-child{text-align:right} .bn-spec-stops span.on{color:var(--bn-coral); font-weight:700} .bns-pane{display:none; margin-top:22px; border-radius:var(--bn-r-sm); padding:20px 22px; background:var(--bn-sand-2); border:1px solid var(--bn-sand)} .bns-pane.on{display:block} .bns-pane h4{margin:0 0 3px; color:var(--bn-ink); font-size:1.14em} .bns-tag{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.1em; color:var(--bn-coral); display:block; margin-bottom:11px} .bns-pane>p{margin:0; font-size:.96em; color:var(--bn-text)} .bns-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:15px} .bns-grid div{background:#fff; border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); padding:11px 14px; font-size:.9em; color:var(--bn-text)} .bns-grid b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.07em; color:var(--bn-muted); margin-bottom:3px} .bn-roi{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-roi h3{margin:.1em 0 .3em} .bn-roi>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-roi-fields{display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; margin:18px 0 24px} .bn-roi-field:last-child{grid-column:1\/-1} .bn-roi-field label{display:block; font-size:.9em; color:var(--bn-text); font-weight:600; margin-bottom:11px} .bn-roi-field output{font-family:var(--bn-mono); font-weight:700; color:var(--bn-coral)} .bn-roi-out{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:4px} .bn-roi-stat{background:var(--bn-sand-2); border:1px solid var(--bn-sand); border-radius:var(--bn-r); padding:20px 16px; text-align:center} .bn-roi-stat b{display:block; font-size:1.85em; line-height:1.05; color:var(--bn-coral); font-weight:800; letter-spacing:-.02em; font-family:var(--bn-mono)} .bn-roi-stat:nth-child(2) b{color:var(--bn-blue)} .bn-roi-stat:nth-child(3) b{color:var(--bn-ink)} .bn-roi-stat span{display:block; margin-top:7px; font-size:.82em; color:var(--bn-muted); line-height:1.4} .bn-roi-note{font-size:16px; color:var(--bn-muted); margin:16px 0 0; font-style:italic} .bn-bot{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:22px 24px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-bot h3{margin:.1em 0 .3em} .bn-bot>p{font-size:.95em; color:var(--bn-muted); margin:0 0 16px} .bn-bot-win{border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); background:#fff; overflow:hidden} .bn-bot-bar{display:flex; align-items:center; gap:11px; padding:12px 16px; background:var(--bn-sand-2); border-bottom:1px solid var(--bn-border)} .bn-bot-ava{flex:none; width:32px; height:32px; border-radius:50%; background:var(--bn-coral-soft); display:flex; align-items:center; justify-content:center} .bn-bot-ava svg{width:19px; height:19px; color:var(--bn-coral)} .bn-bot-id b{display:block; color:var(--bn-ink); font-size:.95em; line-height:1.2} .bn-bot-id span{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-green); display:inline-flex; align-items:center; gap:5px} .bn-bot-id span::before{content:\"\"; width:7px; height:7px; border-radius:50%; background:var(--bn-green)} .bn-bot-log{padding:16px; min-height:130px; max-height:320px; overflow-y:auto; display:flex; flex-direction:column; gap:10px} .bn-bot-msg{max-width:82%; padding:10px 14px; border-radius:15px; font-size:.95em; line-height:1.5} .bn-bot-msg.bot{align-self:flex-start; background:var(--bn-sand-2); color:var(--bn-text); border-bottom-left-radius:4px} .bn-bot-msg.user{align-self:flex-end; background:var(--bn-coral); color:#332c19; border-bottom-right-radius:4px} .bn-bot-quick{display:flex; flex-wrap:wrap; gap:8px; padding:2px 16px 14px} .bn-art .bn-bot-qbtn{font-family:inherit; font-size:16px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:7px 14px; cursor:pointer; transition:.15s} .bn-art .bn-bot-qbtn:hover{background:var(--bn-coral-soft); border-color:var(--bn-coral)} .bn-bot-form{display:flex; gap:8px; padding:12px 16px; border-top:1px solid var(--bn-border); background:var(--bn-sand-2)} .bn-bot-input{flex:1; min-width:0; font-family:inherit; font-size:.95em; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-border); border-radius:999px; padding:10px 16px; outline:none} .bn-bot-input:focus{border-color:var(--bn-coral)} .bn-art .bn-bot-send{flex:none; font-family:inherit; font-weight:700; font-size:16px; color:#fff; background:var(--bn-coral); border:none; border-radius:999px; padding:10px 20px; cursor:pointer; transition:.15s} .bn-art .bn-bot-send:hover{background:#ff8782} .bn-art .bn-bot-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic} .bbot-kb,.bbot-fallback{display:none} .bn-shot{margin:16px 0 2px; border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); background:#fff; overflow:hidden} .bn-shot-bar{display:flex; align-items:center; gap:8px; padding:9px 13px; background:var(--bn-sand-2); border-bottom:1px solid var(--bn-border)} .bn-shot-dot{width:8px;height:8px;border-radius:50%;background:var(--bn-green);flex:none} .bn-shot-bar b{color:var(--bn-ink); font-size:.9em} .bn-shot-bar span{margin-left:auto; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--bn-muted)} .bn-shot-log{padding:13px 14px; display:flex; flex-direction:column; gap:8px} .bn-shot .bn-bot-msg{max-width:86%; font-size:.9em} .bn-shot-quick{display:flex; flex-wrap:wrap; gap:6px; margin-top:2px} .bn-shot-quick span{font-size:14px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:4px 11px} .bn-exlink{margin:13px 0 0; font-weight:700; display:flex; align-items:center; gap:6px} .bn-exlink svg{width:16px;height:16px;flex:none;color:var(--bn-coral)} .bn-lb{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-lb h3{margin:.1em 0 .3em} .bn-lb>p{font-size:.95em; color:var(--bn-muted); margin:0 0 16px} .bn-lb-ctrl{display:flex; flex-wrap:wrap; gap:11px; align-items:center; margin:0 0 16px} .bn-lb-ctrl br{display:none} .bn-lb-search{flex:1; min-width:200px; font-family:inherit; font-size:16px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-border); border-radius:999px; padding:11px 18px; outline:none} .bn-lb-search:focus{border-color:var(--bn-coral)} .bn-lb-filters{display:flex; flex-wrap:wrap; gap:8px} .bn-art .bn-lb-fbtn{font-family:inherit; font-size:16px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:9px 16px; cursor:pointer; transition:.15s} .bn-art .bn-lb-fbtn:hover{background:var(--bn-coral-soft)} .bn-art .bn-lb-fbtn.on{background:var(--bn-coral); color:#fff; border-color:var(--bn-coral)} .bn-lb .bn-lb-th{cursor:pointer; user-select:none; white-space:nowrap} .bn-lb .bn-lb-th:hover{color:#fbf7ec; opacity:.85} .bn-lb-rank{font-family:var(--bn-mono); font-weight:700; color:var(--bn-coral); text-align:center} .bn-lb-score{font-family:var(--bn-mono); font-weight:700; color:var(--bn-ink); text-align:right; white-space:nowrap} .lb-empty{padding:16px; text-align:center; color:var(--bn-muted); font-size:.95em} .bn-lb-foot{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic} @media(max-width:680px){ .bn-art{font-size:17px} .bn-stats,.bn-grid,.bn-cols,.bn-ex .bn-ba,.bns-grid,.bn-roi-fields,.bn-roi-out{grid-template-columns:1fr} .bn-roi-field:last-child{grid-column:auto} .bn-toc ol{columns:1} .bn-art h2{font-size:1.5em} .bn-bot-msg{max-width:90%} } .bn-art sup,.bn-art sub{font-size:14px;line-height:0} .bn-klabel.hc{color:var(--bn-coral-txt)} .bn-cdc{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-cdc h3{margin:.1em 0 .3em} .bn-cdc>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-cdc br{display:none} .bn-cdc p:empty{display:none; margin:0} .cdc-q{padding:15px 0; border-top:1px solid var(--bn-border)} .cdc-q:first-of-type{border-top:none; padding-top:2px} .bn-art .cdc-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .cdc-chips{display:flex; flex-wrap:wrap; gap:8px} .cdc-chips p:not([class]){display:contents} .bn-art .cdc-chip{display:inline-flex; align-items:center; font-size:16px; line-height:1.35; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:9px 16px; cursor:pointer; transition:.15s} .bn-art .cdc-chip:hover{background:var(--bn-coral-soft)} .bn-art .cdc-chip:has(input:checked){background:var(--bn-coral); color:#332c19; border-color:var(--bn-coral); font-weight:700} .cdc-chip input{position:absolute; opacity:0; width:1px; height:1px; pointer-events:none} .cdc-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .cdc-line{padding:14px 0; border-top:1px solid var(--bn-sand)} .cdc-line:first-of-type{border-top:none; padding-top:2px} .cdc-line p:not([class]){margin:0} .bn-art .cdc-line b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-coral-txt); margin-bottom:6px} .bn-art .cdc-line span{display:block; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .cdc-copy{margin-top:18px; display:inline-block; background:var(--bn-coral); color:#332c19; border:none; font-family:inherit; font-weight:800; font-size:16px; padding:13px 28px; border-radius:999px; cursor:pointer; box-shadow:0 6px 16px rgba(254,113,107,.28); transition:.15s} .bn-art .cdc-copy:hover{background:#ff8782} .bn-art .cdc-note{font-size:16px; color:var(--bn-muted); margin:12px 0 0; font-style:italic; min-height:1.5em} @media(max-width:680px){ .cdc-chips{flex-direction:column; align-items:stretch} .bn-art .cdc-chip{justify-content:flex-start} } .bn-niv{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-niv h3{margin:.1em 0 .3em} .bn-niv>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-niv br{display:none} .bn-niv p:empty{display:none; margin:0} .niv-q{padding:15px 0; border-top:1px solid var(--bn-border)} .niv-q:first-of-type{border-top:none; padding-top:2px} .bn-art .niv-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .niv-out{margin:24px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .bn-art .niv-score{display:flex; align-items:baseline; gap:10px; margin:0 0 13px} .bn-art .niv-score b{font-family:var(--bn-mono); font-size:2.1em; line-height:1; color:var(--bn-coral-txt); font-weight:800; letter-spacing:-.02em} .bn-art .niv-score span{font-size:16px; color:var(--bn-muted)} .niv-gauge{height:10px; border-radius:999px; background:var(--bn-sand); overflow:hidden; margin:0 0 18px} .niv-gauge p:not([class]){display:contents} .niv-gauge i{display:block; height:10px; background:var(--bn-coral); border-radius:999px; width:0} .nivv{display:none; border-radius:var(--bn-r-sm); padding:17px 19px; background:#fff; border:1px solid var(--bn-border)} .nivv.on{display:block} .bn-art .nivv b{display:block; font-size:1.08em; color:var(--bn-ink); margin-bottom:5px} .bn-art .nivv p{margin:0; font-size:16px; line-height:1.62} .bn-art .niv-weak{margin:15px 0 0; font-size:16px; color:var(--bn-text)} .bn-art .niv-weak b{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-coral-txt); display:block; margin-bottom:4px} .bn-art blockquote{margin:26px 0; padding:18px 22px; background:var(--bn-card); border:1px solid var(--bn-border); border-left:4px solid var(--bn-blue); border-radius:var(--bn-r); box-shadow:var(--bn-sh-sm)} .bn-art blockquote p{margin:0; font-size:17px; line-height:1.65; color:var(--bn-text)} .bn-chk{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-chk h3{margin:.1em 0 .3em} .bn-chk>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-chk br{display:none} .bn-chk p:empty{display:none; margin:0} .chk-doc{border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-border); padding:16px 18px; margin:0 0 6px} .bn-art .chk-doc b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-coral-txt); margin-bottom:6px} .bn-art .chk-doc span{display:block; font-size:16px; line-height:1.62; color:var(--bn-text)} .chk-q{padding:15px 0; border-top:1px solid var(--bn-border)} .bn-art .chk-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .chk-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .chk-pieces{display:grid; gap:10px; margin:0 0 16px} .chk-piece{border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-border); padding:12px 14px} .chk-piece.hit{border-color:var(--bn-green); background:var(--bn-green-soft)} .bn-art .chk-piece b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-muted); margin-bottom:5px} .bn-art .chk-piece.hit b{color:var(--bn-green)} .bn-art .chk-piece span{display:block; font-size:16px; line-height:1.6; color:var(--bn-text)} .bn-art .chk-verdict{border-radius:var(--bn-r-sm); padding:14px 16px; font-size:16px; line-height:1.55; background:var(--bn-green-soft); border:1px solid #cfe6c4; color:var(--bn-text); margin:0 0 12px} .bn-art .chk-verdict.ko{background:var(--bn-coral-soft); border-color:var(--bn-coral-line)} .bn-art .chk-stats{margin:0; font-size:16px; line-height:1.6; color:var(--bn-text)} .bn-art .chk-stats b{font-family:var(--bn-mono); color:var(--bn-coral-txt); font-weight:700} .bn-dev{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-dev h3{margin:.1em 0 .3em} .bn-dev>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-dev br{display:none} .bn-dev p:empty{display:none; margin:0} .dev-q{padding:15px 0; border-top:1px solid var(--bn-border)} .dev-q:first-of-type{border-top:none; padding-top:2px} .bn-art .dev-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .dev-out{margin:24px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .dev-tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0 0 16px} .dev-stat{background:#fff; border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); padding:16px 12px; text-align:center} .bn-art .dev-stat b{display:block; font-family:var(--bn-mono); font-size:1.5em; line-height:1.12; font-weight:800; letter-spacing:-.02em; color:var(--bn-coral-txt)} .bn-art .dev-stat:nth-child(2) b{color:var(--bn-blue)} .bn-art .dev-stat:nth-child(3) b{color:var(--bn-green)} .bn-art .dev-stat:nth-child(4) b{color:var(--bn-ink)} .bn-art .dev-stat span{display:block; margin-top:7px; font-size:14px; color:var(--bn-muted); line-height:1.4} .bn-art .dev-line{margin:0 0 14px; font-size:16px; line-height:1.6; color:var(--bn-text)} .bn-art .dev-line b{font-family:var(--bn-mono); color:var(--bn-coral-txt); font-weight:700} .dvv{display:none; border-radius:var(--bn-r-sm); padding:16px 18px; background:#fff; border:1px solid var(--bn-border)} .dvv.on{display:block} .bn-art .dvv b{display:block; font-size:1.06em; color:var(--bn-ink); margin-bottom:5px} .bn-art .dvv p{margin:0; font-size:16px; line-height:1.62} @media(max-width:680px){ .dev-tiles{grid-template-columns:1fr 1fr} } .bn-fig.chat img{max-width:400px; margin:0 auto} .bn-fig.doc img{max-width:520px; margin:0 auto} .bn-nlu{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-nlu h3{margin:.1em 0 .3em} .bn-nlu>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-nlu br{display:none} .bn-nlu p:empty{display:none; margin:0} .nlu-q{padding:15px 0; border-top:1px solid var(--bn-border)} .nlu-q:first-of-type{border-top:none; padding-top:2px} .bn-art .nlu-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .bn-art .nlu-in{width:100%; font-family:inherit; font-size:16px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-border); border-radius:999px; padding:12px 18px; outline:none} .bn-art .nlu-in:focus{border-color:var(--bn-coral)} .nlu-ex{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px} .nlu-ex p:not([class]){display:contents} .bn-art .nlu-exb{font-family:inherit; font-size:16px; line-height:1.35; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:9px 16px; cursor:pointer; transition:.15s; text-align:left} .bn-art .nlu-exb:hover{background:var(--bn-coral-soft)} .nlu-out{margin:24px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .bn-art .nlu-toks{margin:0 0 14px; font-size:16px; line-height:1.7; color:var(--bn-text)} .bn-art .nlu-toks b{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-coral-txt); display:block; margin-bottom:8px} .bn-art .nlu-tk{display:inline-block; font-family:var(--bn-mono); font-size:14px; background:#fff; border:1px solid var(--bn-border); border-radius:999px; padding:3px 11px; margin:0 6px 6px 0; color:var(--bn-ink)} .nlu-row{display:grid; grid-template-columns:1fr 130px 54px; gap:12px; align-items:center; padding:10px 0; border-top:1px solid var(--bn-sand)} .nlu-row:first-child{border-top:none} .bn-art .nlu-lab{font-size:16px; line-height:1.4; color:var(--bn-ink); font-weight:700} .nlu-bar{height:10px; border-radius:999px; background:var(--bn-sand); overflow:hidden} .nlu-bar i{display:block; height:10px; background:var(--bn-coral); border-radius:999px; width:0} .nlu-row.win .nlu-bar i{background:var(--bn-green)} .bn-art .nlu-sc{font-family:var(--bn-mono); font-size:16px; font-weight:700; color:var(--bn-coral-txt); text-align:right} .nlu-verdict{margin:16px 0 0; border-radius:var(--bn-r-sm); padding:16px 18px; background:#fff; border:1px solid var(--bn-border); border-left:4px solid var(--bn-green)} .nlu-verdict.ko{border-left-color:var(--bn-coral)} .bn-art .nlu-verdict b{display:block; font-size:1.06em; color:var(--bn-ink); margin-bottom:5px} .bn-art .nlu-verdict p{margin:0; font-size:16px; line-height:1.62} .bn-art .nlu-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic} @media(max-width:680px){ .nlu-row{grid-template-columns:minmax(0,1fr) 64px 48px; gap:9px} .bn-art .nlu-lab{font-size:16px} } @media(max-width:560px){ .nlu-row{grid-template-columns:minmax(0,1fr) auto; gap:7px 10px; padding:12px 0} .bn-art .nlu-lab{grid-column:1; grid-row:1} .bn-art .nlu-sc{grid-column:2; grid-row:1; text-align:right} .nlu-bar{grid-column:1\/3; grid-row:2} } .bn-art code{font-family:var(--bn-mono); font-size:16px; line-height:1.5; background:var(--bn-sand-2); border:1px solid var(--bn-sand); border-radius:6px; padding:1px 7px; color:var(--bn-ink); word-break:break-word} .bn-art pre{background:var(--bn-sand-2); border:1px solid var(--bn-sand); border-radius:var(--bn-r-sm); padding:16px 18px; overflow-x:auto; margin:22px 0} .bn-art pre code{background:none; border:none; padding:0; font-size:16px} .bn-hd{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-hd h3{margin:.1em 0 .3em} .bn-hd>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-hd br{display:none} .bn-hd p:empty{display:none; margin:0} .hd-q{padding:15px 0; border-top:1px solid var(--bn-border)} .hd-q:first-of-type{border-top:none; padding-top:2px} .bn-art .hd-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .hd-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .hd-head{display:grid; grid-template-columns:minmax(0,auto) minmax(0,1fr); gap:18px; align-items:center} .hd-n{font-family:var(--bn-mono); font-weight:800; line-height:1; color:var(--bn-ink); white-space:nowrap} .bn-art .hd-n span{font-size:34px} .bn-art .hd-n i{font-style:normal; font-size:16px; color:var(--bn-muted); font-weight:600} .hd-track{position:relative; height:14px; border-radius:999px; background:#fff; border:1px solid var(--bn-sand); overflow:hidden} .hd-fill{position:absolute; left:0; top:0; bottom:0; width:0; background:var(--bn-coral); transition:width .18s} .hd-parts{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px} .hd-part{background:#fff; border:1px solid var(--bn-sand); border-radius:var(--bn-r-sm); padding:11px 8px; text-align:center} .bn-art .hd-part span{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.05em; color:var(--bn-muted); line-height:1.3} .bn-art .hd-part b{display:block; font-family:var(--bn-mono); font-size:20px; font-weight:800; color:var(--bn-coral-txt); margin-top:4px} .hdv{display:none; margin-top:18px; border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-sand); padding:17px 19px} .hdv-1{display:block; border-left:4px solid var(--bn-green)} .hdv-2{border-left:4px solid var(--bn-blue)} .hdv-3{border-left:4px solid var(--bn-coral)} .hdv-4{border-left:4px solid var(--bn-ink)} .bn-art .hdv b{display:block; font-size:18px; line-height:1.4; color:var(--bn-ink); margin-bottom:7px} .bn-art .hdv p{margin:0; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .hd-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic; line-height:1.55} @media(max-width:680px){ .bn-hd{padding:20px 17px} .hd-out{padding:17px 15px} .hd-head{grid-template-columns:minmax(0,1fr); gap:12px} .hd-parts{grid-template-columns:repeat(2,minmax(0,1fr))} } .bn-tri{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-tri h3{margin:.1em 0 .3em} .bn-tri>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-tri br{display:none} .bn-tri p:empty{display:none; margin:0} .tri-q{padding:15px 0; border-top:1px solid var(--bn-border)} .tri-q:first-of-type{border-top:none; padding-top:2px} .bn-art .tri-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .tri-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .triv{display:none; border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-sand); padding:17px 19px} .triv-1{border-left:4px solid var(--bn-ink)} .triv-2{border-left:4px solid var(--bn-coral)} .triv-3{border-left:4px solid var(--bn-blue)} .triv-4{border-left:4px solid var(--bn-muted)} .triv-5{display:block; border-left:4px solid var(--bn-green)} .bn-art .triv em{display:block; font-style:normal; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--bn-coral-txt); margin-bottom:7px; line-height:1.4} .bn-art .triv b{display:block; font-size:18px; line-height:1.4; color:var(--bn-ink); margin-bottom:8px} .bn-art .triv p{margin:0 0 .7em; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .triv p:last-child{margin-bottom:0} .tri-lines{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px} .tri-line{background:#fff; border:1px solid var(--bn-sand); border-radius:var(--bn-r-sm); padding:13px 15px} .bn-art .tri-line span{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.05em; color:var(--bn-muted); line-height:1.3; margin-bottom:6px} .bn-art .tri-line b{display:block; font-size:16px; line-height:1.55; color:var(--bn-ink); font-weight:600} .bn-art .tri-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic; line-height:1.55} .bn-tri .bn-tablewrap{margin-top:22px} .bn-art .tri-load{font-family:var(--bn-mono); font-size:16px; line-height:1.2; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:8px 15px; cursor:pointer; white-space:nowrap; transition:.15s} .bn-art .tri-load:hover{background:var(--bn-coral-soft)} @media(max-width:680px){ .bn-tri{padding:20px 17px} .tri-out{padding:17px 15px} .tri-lines{grid-template-columns:minmax(0,1fr)} } .bn-art .bn-steps ol{list-style:none;padding:0;margin:0} .bn-art .bn-tip,.bn-art .bn-warn,.bn-art .bn-info{background:var(--bn-card);border:1px solid var(--bn-border);border-radius:var(--bn-r);padding:18px 20px;margin:24px 0;box-shadow:var(--bn-sh-sm)} .bn-art .bn-tip{border-left:4px solid var(--bn-green)} .bn-art .bn-warn{border-left:4px solid var(--bn-coral)} .bn-art .bn-info{border-left:4px solid var(--bn-blue)} .bn-art .bn-tip .bn-klabel,.bn-art .bn-warn .bn-klabel,.bn-art .bn-info .bn-klabel{margin-bottom:6px} .bn-art .bn-tip p,.bn-art .bn-warn p,.bn-art .bn-info p{margin:0} .bn-art .bn-tri table{table-layout:fixed;min-width:640px} .bn-art .bn-tri th:nth-child(1),.bn-art .bn-tri td:nth-child(1){width:22%} .bn-art .bn-tri th:nth-child(2),.bn-art .bn-tri td:nth-child(2){width:14%} .bn-art .bn-tri th:nth-child(3),.bn-art .bn-tri td:nth-child(3){width:14%} .bn-art .bn-tri th:nth-child(4),.bn-art .bn-tri td:nth-child(4){width:13%} .bn-art .bn-tri th:nth-child(5),.bn-art .bn-tri td:nth-child(5){width:22%} .bn-art .bn-tri th:nth-child(6),.bn-art .bn-tri td:nth-child(6){width:15%} .bn-art .bn-tri thead th,.bn-art .bn-tri tbody td{padding:11px 8px} .bn-art .tri-load{padding:4px 10px} .bn-art .bn-cta-in{text-align:center;margin:26px 0} .bn-lng{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-lng h3{margin:.1em 0 .3em} .bn-lng>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-lng br{display:none} .bn-lng p:empty{display:none; margin:0} .lng-q{padding:15px 0; border-top:1px solid var(--bn-border)} .lng-q:first-of-type{border-top:none; padding-top:2px} .bn-art .lng-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .lng-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .lng-lines{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px} .lng-line{background:#fff; border:1px solid var(--bn-sand); border-radius:var(--bn-r-sm); padding:13px 15px} .bn-art .lng-line b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.05em; color:var(--bn-muted); line-height:1.3; margin-bottom:6px} .bn-art .lng-line span{display:block; font-size:16px; line-height:1.55; color:var(--bn-ink); font-weight:600} .lngv{display:none; margin-top:16px; border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-sand); padding:17px 19px} .lngv-1{display:block; border-left:4px solid var(--bn-blue)} .lngv-2{border-left:4px solid var(--bn-coral)} .lngv-3{border-left:4px solid var(--bn-green)} .lngv-4{border-left:4px solid var(--bn-ink)} .bn-art .lngv em{display:block; font-style:normal; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--bn-coral-txt); margin-bottom:7px; line-height:1.4} .bn-art .lngv b{display:block; font-size:18px; line-height:1.4; color:var(--bn-ink); margin-bottom:8px} .bn-art .lngv p{margin:0 0 .7em; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .lngv p:last-child{margin-bottom:0} .bn-art .lng-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic; line-height:1.55} .bn-lng .bn-tablewrap{margin-top:22px} .bn-art .bn-lng table{table-layout:fixed; min-width:620px} .bn-art .bn-lng th:nth-child(1),.bn-art .bn-lng td:nth-child(1){width:26%} .bn-art .bn-lng th:nth-child(2),.bn-art .bn-lng td:nth-child(2){width:28%} .bn-art .bn-lng th:nth-child(3),.bn-art .bn-lng td:nth-child(3){width:32%} .bn-art .bn-lng th:nth-child(4),.bn-art .bn-lng td:nth-child(4){width:14%} .bn-art .bn-lng thead th,.bn-art .bn-lng tbody td{padding:11px 10px} @media(max-width:680px){ .bn-lng{padding:20px 17px} .lng-out{padding:17px 15px} .lng-lines{grid-template-columns:minmax(0,1fr)} } .bn-gem{background:var(--bn-card);border:1px solid var(--bn-border);border-radius:var(--bn-r);padding:24px 26px;margin:28px 0;box-shadow:var(--bn-sh)} .bn-gem h3{margin:.1em 0 .3em} .bn-gem>p{font-size:16px;color:var(--bn-muted);margin:0 0 18px} .bn-gem br{display:none} .bn-gem p:empty{display:none;margin:0} .gem-q{padding:15px 0;border-top:1px solid var(--bn-border)} .gem-q:first-of-type{border-top:none;padding-top:2px} .bn-art .gem-qt{font-weight:700;color:var(--bn-ink);margin:0 0 11px;font-size:16px;line-height:1.45} .gem-out{margin:22px 0 0;border-radius:var(--bn-r-sm);background:var(--bn-sand-2);border:1px solid var(--bn-sand);padding:20px 22px} .giv{display:none;border-radius:var(--bn-r-sm);background:#fff;border:1px solid var(--bn-sand);padding:17px 19px;border-left:4px solid var(--bn-coral)} .giv.on{display:block} .giv0{border-left-color:var(--bn-green)} .giv4{border-left-color:var(--bn-blue)} .bn-art .giv em{display:block;font-style:normal;font-family:var(--bn-mono);font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--bn-coral-txt);margin-bottom:7px;line-height:1.4} .bn-art .giv b{display:block;font-size:18px;line-height:1.4;color:var(--bn-ink);margin-bottom:8px} .bn-art .giv p{margin:0;font-size:16px;line-height:1.62;color:var(--bn-text)} .bn-gem .bn-tablewrap{margin-top:22px} @media(max-width:680px){.bn-gem{padding:20px 17px}.gem-out{padding:17px 15px}} .bn-gene{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-gene h3{margin:.1em 0 .3em} .bn-gene>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-gene br{display:none} .bn-gene p:empty{display:none; margin:0} .gene-q{padding:15px 0; border-top:1px solid var(--bn-border)} .gene-q:first-of-type{border-top:none; padding-top:2px} .bn-art .gene-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .gene-out{margin:24px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .gene-tiles{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 16px} .gene-stat{background:#fff; border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); padding:16px 12px; text-align:center} .bn-art .gene-stat b{display:block; font-family:var(--bn-mono); font-size:1.5em; line-height:1.12; font-weight:800; letter-spacing:-.02em; color:var(--bn-coral-txt)} .bn-art .gene-stat:nth-child(2) b{color:var(--bn-blue)} .bn-art .gene-stat:nth-child(3) b{color:var(--bn-green)} .bn-art .gene-stat span{display:block; margin-top:7px; font-size:14px; color:var(--bn-muted); line-height:1.4} .bn-art .gene-line{margin:0 0 14px; font-size:16px; line-height:1.6; color:var(--bn-text)} .bn-art .gene-line b{font-family:var(--bn-mono); color:var(--bn-coral-txt); font-weight:700} .gene-v{display:none; border-radius:var(--bn-r-sm); padding:16px 18px; background:#fff; border:1px solid var(--bn-border)} .gene-v.on{display:block} .bn-art .gene-v b{display:block; font-size:1.06em; color:var(--bn-ink); margin-bottom:5px} .bn-art .gene-v p{margin:0; font-size:16px; line-height:1.62} .bn-art .gene-note{margin:14px 0 0; font-size:16px; line-height:1.55; color:var(--bn-muted)} .bn-gene table.gene-data{margin:0 0 4px} .bn-art table.gene-data tbody tr.gene-hit td{background:var(--bn-green-soft)} @media(max-width:680px){ .gene-tiles{grid-template-columns:minmax(0,1fr)} } .bn-bud{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-bud h3{margin:.1em 0 .3em} .bn-bud>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-bud br{display:none} .bn-bud p:empty{display:none; margin:0} .bud-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .budv{display:none; margin-top:16px; border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-sand); padding:17px 19px} .budv-1{display:block; border-left:4px solid var(--bn-green)} .budv-2{border-left:4px solid var(--bn-blue)} .budv-3{border-left:4px solid var(--bn-coral)} .budv-4{border-left:4px solid var(--bn-ink)} .bn-art .budv em{display:block; font-style:normal; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--bn-coral-txt); margin-bottom:7px; line-height:1.4} .bn-art .budv b{display:block; font-size:18px; line-height:1.4; color:var(--bn-ink); margin-bottom:8px} .bn-art .budv p{margin:0 0 .7em; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .budv p:last-child{margin-bottom:0} .bn-art .bud-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic; line-height:1.55} .bn-bud .bn-tablewrap{margin-top:22px} @media(max-width:680px){ .bn-bud{padding:20px 17px} .bud-out{padding:17px 15px} } .bn-ava{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-ava .cdc-qt{margin:18px 0 11px} .bn-ava .cdc-qt:first-of-type{margin-top:2px} .bn-ava .avaw{display:block; border-left:4px solid var(--bn-blue)} .bn-ava .cdc-note{margin-top:14px} @media(max-width:680px){.bn-ava{padding:20px 17px}}`));document.head.appendChild(s);<\/script><\/p>\n<div class=\"bn-art\">\n<div class=\"bn-tldr\">\n<p><strong>In short:<\/strong> the avatar is a chatbot\u2019s visible face: a static image, an animated character, a 3D figure or a talking digital human. Chosen well, it makes your bot recognizable, reassuring and consistent with your brand. This article covers the four avatar types, the design rules that avoid the classic pitfalls (including the famous \u201cuncanny valley\u201d), the real costs recorded in September 2026 and the concrete setup inside Botnation.<\/p>\n<\/div>\n<p>A visitor lands on your site and a chat bubble opens at the bottom of the screen. Before reading the first message, they have already seen <em>who<\/em> is talking: a colored circle, a photo, a character. That element is the chatbot\u2019s avatar, and it carries more weight in the relationship than it seems. Conversely, a careless avatar (a pixelated image, an unintentionally unsettling face, an empty grey circle) can be enough to make the visitor close the bubble.<\/p>\n<p>This guide walks through the whole topic: what a chatbot avatar actually is, the four main types available in 2026, how to choose according to your channel and your use case, the design rules to follow, what it really costs, and how to set it up in a few minutes inside Botnation.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Summary<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #3d351f;color:#3d351f\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #3d351f;color:#3d351f\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#What_is_a_chatbot_avatar\" >What is a chatbot avatar?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#The_name_is_half_the_character\" >The name is half the character<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#The_four_types_of_chatbot_avatar\" >The four types of chatbot avatar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Why_the_avatar_changes_the_relationship\" >Why the avatar changes the relationship<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Which_avatar_for_which_use_case\" >Which avatar for which use case?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#The_channel_sets_the_frame_first\" >The channel sets the frame first<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Tone_and_use_case_then_guide_the_type\" >Tone and use case then guide the type<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#The_design_rules_of_a_good_avatar\" >The design rules of a good avatar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Five_mistakes_that_ruin_an_avatar\" >Five mistakes that ruin an avatar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#How_much_does_a_chatbot_avatar_cost\" >How much does a chatbot avatar cost?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Giving_your_Botnation_chatbot_an_avatar\" >Giving your Botnation chatbot an avatar<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#The_checklist_before_publishing_your_avatar\" >The checklist before publishing your avatar<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Configure_the_ideal_avatar_for_your_chatbot\" >Configure the ideal avatar for your chatbot<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Frequently_asked_questions_about_chatbot_avatars\" >Frequently asked questions about chatbot avatars<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Conclusion_a_face_but_the_right_face\" >Conclusion: a face, but the right face<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/botnation.ai\/en\/chatbot-avatar\/#Ready_to_give_your_chatbot_a_face\" >Ready to give your chatbot a face?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 id=\"definition\"><span class=\"ez-toc-section\" id=\"What_is_a_chatbot_avatar\"><\/span>What is a chatbot avatar?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A chatbot\u2019s avatar is its <strong>visual representation inside the conversation interface<\/strong>: the small round image next to each message from the bot, the thumbnail that opens the widget, the possible animated character that greets the visitor. It is the equivalent of a contact\u2019s profile picture, applied to a conversational agent.<\/p>\n<p>It should be distinguished from two related notions it often gets mixed up with:<\/p>\n<ul>\n<li><strong>The chatbot\u2019s name<\/strong>: \u201cNina\u201d, \u201cAssistant\u201d, \u201cBotnation\u201d\u2026 The name and the avatar form an identification pair; either one alone stays incomplete.<\/li>\n<li><strong>The chatbot\u2019s persona<\/strong>: its voice, its tone, its vocabulary, its answers. The avatar is the visual manifestation of that persona, not the persona itself. A very formal bot with a cartoon avatar sends a contradictory message.<\/li>\n<\/ul>\n<p>The term \u201cavatar chatbot\u201d also covers, in recent usage, a more advanced family of products: <strong>digital humans<\/strong>, animated characters (sometimes photorealistic) that speak with a lip-synced synthetic voice and literally embody the conversational agent on screen. That extension of the concept is now part of the landscape, and we treat it as such in the rest of this article.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_name_is_half_the_character\"><\/span>The name is half the character<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>An avatar never lives alone: it is displayed next to a name, and that name deserves as much care as the image. Three schools share the field. The <strong>brand name<\/strong> (\u201cthe Acme Assistant\u201d) plays the sobriety card and avoids having to explain who is talking; it suits institutional contexts. The <strong>human first name<\/strong> (\u201cNina\u201d, \u201cLeo\u201d) creates instant closeness, at the price of one imperative rule: the bot must clearly say it is not human when asked, otherwise that closeness turns against the brand. Finally, the <strong>character name<\/strong> (\u201cKaz\u201d for a video game chatbot, \u201cRoll\u201d for a mobility brand) fully embraces the playful register and turns the character into a complete mascot.<\/p>\n<p>Whatever the register, two simple tests validate a name: it can be read at a glance next to a 40-pixel thumbnail (so not too long), and it creates no business ambiguity (a name that sounds too specific about a neighbouring topic can divert questions towards something the bot does not handle). Test the name and the avatar together, in the real interface, on the real channels.<\/p>\n<h2 id=\"formes\"><span class=\"ez-toc-section\" id=\"The_four_types_of_chatbot_avatar\"><\/span>The four types of chatbot avatar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In 2026, four families of avatars coexist. They require neither the same budget nor the same maintenance, and they do not suit the same use cases.<\/p>\n<div class=\"bn-tablewrap\">\n<table>\n<thead>\n<tr>\n<th>Type<\/th>\n<th>What it is<\/th>\n<th>Strengths<\/th>\n<th>Limits<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Static image<\/strong><\/td>\n<td>A photo, an illustration or a character icon, displayed as a circle in the chat bubble.<\/td>\n<td>Simple, fast, readable everywhere, free to a few dozen euros.<\/td>\n<td>No movement or expression; the \u201ccharacter\u201d effect relies on the text.<\/td>\n<\/tr>\n<tr>\n<td><strong>Animated avatar<\/strong><\/td>\n<td>An illustrated character with light looped animation (a blink, a wave) or movement when messages appear.<\/td>\n<td>Catches the eye, adds warmth without drifting into fake realism.<\/td>\n<td>Requires real design work; can tire or distract if the animation is invasive.<\/td>\n<\/tr>\n<tr>\n<td><strong>3D avatar<\/strong><\/td>\n<td>A volumetric character, often mascot-style, sometimes interactive (hover reactions, mini emotions).<\/td>\n<td>Very memorable, differentiating, suited to brands that play the character card.<\/td>\n<td>High creation cost, technical weight, consistency to maintain across all media.<\/td>\n<\/tr>\n<tr>\n<td><strong>Digital human<\/strong><\/td>\n<td>An animated face, sometimes photorealistic, that speaks with a lip-synced synthetic voice.<\/td>\n<td>A strong \u201cpresenter\u201d effect; useful for welcome, demonstration or training.<\/td>\n<td>The most expensive (specialised subscriptions), heightened sensitivity to failed realism, not suited to every channel.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Most companies start with a <strong>polished static image<\/strong>, then move upmarket if the use case justifies it. A support chatbot on an e-commerce site does not need a digital human; an immersive welcome on a virtual booth or a kiosk can fully justify one.<\/p>\n<h2 id=\"pourquoi\"><span class=\"ez-toc-section\" id=\"Why_the_avatar_changes_the_relationship\"><\/span>Why the avatar changes the relationship<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Academic research on the anthropomorphism of conversational agents expanded sharply between 2024 and 2025, and a consensus emerges: a bot\u2019s visual and social attributes (avatar, name, expressions) reinforce <strong>perceived social presence<\/strong>, that is, the feeling of talking \u201cto someone\u201d rather than to a form. That social presence is in turn associated in these studies with stronger engagement and better acceptance of the bot\u2019s answers. The effect is not magic: an avatar never improves a chatbot whose answers are poor. It amplifies what already exists: a good journey feels more human, a poor journey feels more disappointing.<\/p>\n<p>Three concrete effects stand out from real deployments:<\/p>\n<ul>\n<li><strong>Instant recognition<\/strong>: the same character found on the website, WhatsApp, Messenger and the app turns a technical widget into a brand character. It is the same mechanism as a retail chain\u2019s mascot.<\/li>\n<li><strong>Building trust<\/strong>: a clear, smiling avatar, combined with a name and an honest greeting, reduces first-exchange wariness, especially when the bot spontaneously says it is not human.<\/li>\n<li><strong>Channel consistency<\/strong>: seeing the same face on every channel avoids the \u201cseveral different bots\u201d effect for a customer who moves from the site to WhatsApp and then to Messenger.<\/li>\n<\/ul>\n<div class=\"bn-warn\">\n<span class=\"bn-klabel\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>Warning: the uncanny valley<\/span>\n<p>Roboticist Masahiro Mori formalised the \u201cuncanny valley\u201d phenomenon (<em>bukimi no tani<\/em>) as early as 1970: the more a machine resembles a human being, the more we like it, up to the point where an almost perfect but imperfect resemblance becomes downright unsettling. Applied to chatbots, this principle is a valuable guardrail: a photorealistic face with almost-right micro-expressions can repel more than a simple smiling illustration. Before aiming for realism, ask whether your use case justifies it, and test the avatar with people who know nothing about the project.<\/p>\n<\/div>\n<h2 id=\"choisir\"><span class=\"ez-toc-section\" id=\"Which_avatar_for_which_use_case\"><\/span>Which avatar for which use case?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The right avatar is not the most spectacular one: it is the one that matches your channel, your tone and your use case. Three questions are enough to frame the choice.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_channel_sets_the_frame_first\"><\/span>The channel sets the frame first<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>On a website or WordPress, you are free: the avatar is an image you upload in the widget\u2019s settings. On <strong>Messenger<\/strong>, however, the chatbot\u2019s avatar and name are those of the Facebook page it is attached to: your professional page photo is what shows up in the conversation. On <strong>WhatsApp<\/strong>, same logic: the business number\u2019s profile picture serves as the avatar. In a mobile app, you remain in control of the image embedded in the interface. This point, often discovered after launch, must be decided <em>before<\/em> commissioning a character: there is no point having a sophisticated avatar drawn for Messenger, where it will never show.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Tone_and_use_case_then_guide_the_type\"><\/span>Tone and use case then guide the type<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"bn-tablewrap\">\n<table>\n<thead>\n<tr>\n<th>Situation<\/th>\n<th>Recommended type<\/th>\n<th>Why<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Customer support on an e-commerce site<\/td>\n<td>Static image (mascot or character icon)<\/td>\n<td>Instant readability, sobriety, no distraction in the buying journey.<\/td>\n<\/tr>\n<tr>\n<td>B2B lead generation<\/td>\n<td>Static image in the brand\u2019s likeness, or a light animated avatar<\/td>\n<td>Reassure a demanding decision maker; the animation stays discreet.<\/td>\n<\/tr>\n<tr>\n<td>Young brand, entertainment or tourism sector<\/td>\n<td>Animated avatar or 3D mascot<\/td>\n<td>The character is part of the experience and of memorability.<\/td>\n<\/tr>\n<tr>\n<td>Immersive welcome, demonstration, training<\/td>\n<td>Talking digital human<\/td>\n<td>The \u201cpresenter\u201d effect captures attention exactly when you want it.<\/td>\n<\/tr>\n<tr>\n<td>Messenger or WhatsApp as the main channel<\/td>\n<td>A reworked page or profile photo<\/td>\n<td>It is those platforms\u2019 technical frame: you may as well assume it with a sharp image.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>One last criterion carries a lot of weight in practice: <strong>lifespan<\/strong>. A static image can be replaced in two minutes; a 3D mascot commits the brand for years. The higher the investment, the more the character must be designed to last and to be declined (favicon, social media, signatures, campaigns).<\/p>\n<h2 id=\"concevoir\"><span class=\"ez-toc-section\" id=\"The_design_rules_of_a_good_avatar\"><\/span>The design rules of a good avatar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Whatever type you choose, the same design principles separate an effective avatar from a failed one. We apply them to every character we create, and they come down to seven points:<\/p>\n<ol class=\"bn-steps\">\n<li><b>Readable at any size<\/b>\n<p>The avatar is first displayed at 32 to 48 pixels in the chat bubble. Test it at that size on a phone: if the main features disappear, simplify. A good avatar is recognised at a glance, even reduced to a thumbnail.<\/p>\n<\/li>\n<li><b>Consistent with the brand guidelines<\/b>\n<p>The avatar\u2019s colours must belong to your brand palette. A character in improvised colours creates dissonance with the rest of the interface; a character declined in your own tones strengthens the whole.<\/p>\n<\/li>\n<li><b>Expressive but honest<\/b>\n<p>The avatar can smile, wave, show listening. It must not suggest a different service from what it is: if the bot hands over to a human on some topics, the avatar must not sell a closeness it cannot deliver.<\/p>\n<\/li>\n<li><b>A clear stance on realism<\/b>\n<p>Choose your camp explicitly: assumed illustration or assumed realism. The worst territory is the in-between, where the uncanny valley described above sets in.<\/p>\n<\/li>\n<li><b>Declinable everywhere<\/b>\n<p>Plan the variants from the start: transparent background, round version, square version, expression variants if the character is animated. An avatar that exists as a single file quickly becomes a graphic debt.<\/p>\n<\/li>\n<li><b>Accessible<\/b>\n<p>Enough contrast with the bubble background, no information carried by colour alone, and relevant alternative text on journey images where it matters. Graphic accessibility applies to avatars too.<\/p>\n<\/li>\n<li><b>Stable over time<\/b>\n<p>Changing the avatar during a bot\u2019s life is not trivial: the user who had identified the bot by its face loses that landmark. A gentle evolution (refreshing, harmonising) goes down better than a complete break, except for an assumed rebrand.<\/p>\n<\/li>\n<\/ol>\n<figure class=\"bn-fig\">\n<img src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/09\/botnation-ai-avatar-chatbot-design.jpg\" alt=\"Top-down view of a designer's desk with character research sheets for a chatbot avatar, colour swatches and sketches\" decoding=\"async\"><figcaption>Graphic research for a chatbot avatar: character sketches and brand-colour swatches, before the final choice.<\/figcaption><\/figure>\n<h2 id=\"erreurs\"><span class=\"ez-toc-section\" id=\"Five_mistakes_that_ruin_an_avatar\"><\/span>Five mistakes that ruin an avatar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Failed avatars almost always fall into one of these five traps, all observed on real websites:<\/p>\n<ul>\n<li><strong>The pixelated image<\/strong>: a low-resolution logo or photo, enlarged then shrunk by the browser, makes the bubble look amateurish from the first screen. Use a square image with a good resolution that stays sharp after downscaling.<\/li>\n<li><strong>The circle that crops badly<\/strong>: interfaces display the avatar in a circular mask. A character designed as a rectangle ends up decapitated (hat brims, shoulders or text cut off). Design for the circle, not despite it.<\/li>\n<li><strong>The tone mismatch<\/strong>: a jokey avatar on a health insurance chatbot, a stern silhouette on a festival bot. The mismatch forces an extra reading effort on visitors, and nothing in the conversation ever compensates for it.<\/li>\n<li><strong>The unkept promise<\/strong>: an avatar in the likeness of a real person suggests a conversation with a human. If the bot does not say otherwise as soon as the question arises, the disappointment harms trust more than any technical flaw.<\/li>\n<li><strong>Channel inconsistency<\/strong>: a character on the site, a logo on Messenger, a neutral photo on WhatsApp. Each channel may impose its technical frame, but the style (colours, strokes, mood) must remain recognisable from one channel to the next.<\/li>\n<\/ul>\n<h2 id=\"cout\"><span class=\"ez-toc-section\" id=\"How_much_does_a_chatbot_avatar_cost\"><\/span>How much does a chatbot avatar cost?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The cost depends mostly on the type you choose. Here are the market orders of magnitude, together with the Botnation case, as recorded on the public pages on 23 September 2026:<\/p>\n<div class=\"bn-tablewrap\">\n<table>\n<thead>\n<tr>\n<th>Option<\/th>\n<th>Order of magnitude recorded<\/th>\n<th>What you get<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Homemade image (stock library, drawing tool, AI generation)<\/td>\n<td>Free to a few dozen euros<\/td>\n<td>A decent static avatar if your guidelines are simple; watch the commercial usage rights of the images.<\/td>\n<\/tr>\n<tr>\n<td>Creation by a designer or an agency<\/td>\n<td>On quote, depending on the character and the variants<\/td>\n<td>A proprietary character, declined into variants, delivered with its source files.<\/td>\n<\/tr>\n<tr>\n<td>Digital human platforms (Synthesia, HeyGen, D-ID, Unith)<\/td>\n<td>Limited free tiers; paid subscriptions observed from around 18 to 29 dollars per month, up to 89 to 149 dollars per month depending on the tier (public prices in dollars, recorded on 23\/09\/2026, subject to change)<\/td>\n<td>Talking avatars, synthetic voices, lip-sync; usage governed by each publisher\u2019s terms.<\/td>\n<\/tr>\n<tr>\n<td>Botnation (the chatbot\u2019s avatar)<\/td>\n<td>Included in the offer: FOR FREE 0 \u20ac, BASIC 39 \u20ac\/month, PRO 59 \u20ac\/month, ENTERPRISE on demand (recorded on 23\/09\/2026 on the pricing page)<\/td>\n<td>Uploading the avatar and the name from the settings, on every channel where it applies; the Enterprise offer can entrust the character\u2019s creation to Botnation\u2019s experts.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"bn-info\">\n<span class=\"bn-klabel\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>Key point about prices<\/span>\n<p>The amounts quoted for third-party platforms are market orders of magnitude, in dollars, recorded on 23\/09\/2026 on their public pricing pages; they do not concern Botnation and can change without notice. These publishers\u2019 displayed ranges change regularly (promotions, annual or monthly tiers): always check the official page before deciding.<\/p>\n<\/div>\n<p>On top of these direct costs come the hidden ones: the graphic variants not planned at the start, the update when the guidelines change, and the testing time on real media (the mobile bubble, the Messenger thumbnail, the round WhatsApp photo). A \u201cfree\u201d avatar that displays badly on three channels ends up costing more than a well-designed character from the start.<\/p>\n<figure class=\"bn-fig\">\n<img src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/09\/botnation-ai-avatar-chatbot-smartphone.jpg\" alt=\"Hands holding a smartphone showing a chatbot conversation with a blank round avatar in the header, in a warm setting\" decoding=\"async\"><figcaption>On mobile, a chatbot\u2019s avatar fits within a few dozen pixels: readability at small size decides everything.<\/figcaption><\/figure>\n<h2 id=\"botnation\"><span class=\"ez-toc-section\" id=\"Giving_your_Botnation_chatbot_an_avatar\"><\/span>Giving your Botnation chatbot an avatar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>On Botnation, the avatar is set directly from the platform, and the path depends on the channel:<\/p>\n<ul>\n<li><strong>Web and WordPress chatbot<\/strong>: open your chatbot\u2019s settings, \u201cAppearance\u201d section. A dedicated tool lets you upload the image that becomes the chatbot\u2019s avatar throughout the conversation. In the same place, you also set its name, its description and the launch message.<\/li>\n<li><strong>Messenger chatbot<\/strong>: the avatar and the name are tied to your professional Facebook page. To change them, go through the page\u2019s own settings: the Messenger conversation then automatically reflects the page photo.<\/li>\n<\/ul>\n<p>The <a href=\"https:\/\/botnation.ai\/en\/support\/an-avatar-for-your-chatbot\/\">dedicated support page on avatars<\/a> details both paths step by step. If you would rather delegate the whole thing (character design, graphic variants, persona writing, multichannel setup), our <a href=\"https:\/\/botnation.ai\/en\/contact\/\">chatbot experts<\/a> will take care of it as part of the Enterprise offer: the team that designs the avatar is the one that builds the platform, which removes any friction between the character and its technical settings.<\/p>\n<p>To go further on the conversational experience itself, our article on chatbot <a href=\"https:\/\/botnation.ai\/en\/chatbot-ux\/\">UX<\/a> explains how to fine-tune the greeting, response times and human handover; and our <a href=\"https:\/\/botnation.ai\/en\/tips-catbot-efficient-and-performing\/\">five tips for an efficient chatbot<\/a> complete the framework. On the channel side, the <a href=\"https:\/\/botnation.ai\/en\/channels\/\">WhatsApp, Messenger, Instagram and web<\/a> page summarises where your avatar will appear, and the <a href=\"https:\/\/botnation.ai\/en\/products\/client-support\/\">customer support solution<\/a> shows a complete use case where the character plays a central role.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_checklist_before_publishing_your_avatar\"><\/span>The checklist before publishing your avatar<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>The image is sharp as a 40-pixel round thumbnail, tested on a real phone.<\/li>\n<li>The chatbot\u2019s name and its greeting are consistent with the character.<\/li>\n<li>On Messenger, the linked Facebook page photo is up to date.<\/li>\n<li>On WhatsApp, the business number\u2019s profile picture matches the website.<\/li>\n<li>The image\u2019s commercial usage rights are clear, with no channel restrictions.<\/li>\n<li>The variants (transparent background, square, round) are archived with the source files.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Configure_the_ideal_avatar_for_your_chatbot\"><\/span>Configure the ideal avatar for your chatbot<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Answer four questions: the tool recommends an avatar type, with its guardrails and your channel\u2019s technical frame.<\/p>\n<div class=\"bn-ava\" id=\"bn-ava\" data-loc=\"en-US\">\n<div class=\"cdc-qt\">1. Where will your chatbot live mainly?<\/div>\n<div class=\"cdc-chips\">\n<label class=\"cdc-chip\" for=\"bnava-c-web\"><input type=\"radio\" name=\"bnava-canal\" id=\"bnava-c-web\" value=\"web\" data-p=\"web\">Website or WordPress<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-c-wa\"><input type=\"radio\" name=\"bnava-canal\" id=\"bnava-c-wa\" value=\"whatsapp\" data-p=\"whatsapp\">WhatsApp<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-c-ms\"><input type=\"radio\" name=\"bnava-canal\" id=\"bnava-c-ms\" value=\"messenger\" data-p=\"messenger\">Messenger<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-c-mo\"><input type=\"radio\" name=\"bnava-canal\" id=\"bnava-c-mo\" value=\"mobile\" data-p=\"mobile\">Mobile app<\/label>\n<\/div>\n<div class=\"cdc-qt\">2. What is your brand\u2019s tone?<\/div>\n<div class=\"cdc-chips\">\n<label class=\"cdc-chip\" for=\"bnava-t-inst\"><input type=\"radio\" name=\"bnava-ton\" id=\"bnava-t-inst\" value=\"inst\" data-p=\"inst\">Institutional and reassuring<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-t-cha\"><input type=\"radio\" name=\"bnava-ton\" id=\"bnava-t-cha\" value=\"cha\" data-p=\"cha\">Warm and close<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-t-fun\"><input type=\"radio\" name=\"bnava-ton\" id=\"bnava-t-fun\" value=\"fun\" data-p=\"fun\">Young and fun<\/label>\n<\/div>\n<div class=\"cdc-qt\">3. What is the chatbot\u2019s main use?<\/div>\n<div class=\"cdc-chips\">\n<label class=\"cdc-chip\" for=\"bnava-u-sup\"><input type=\"radio\" name=\"bnava-usage\" id=\"bnava-u-sup\" value=\"sup\" data-p=\"sup\">Support and customer service<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-u-ven\"><input type=\"radio\" name=\"bnava-usage\" id=\"bnava-u-ven\" value=\"ven\" data-p=\"ven\">Sales and lead generation<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-u-mar\"><input type=\"radio\" name=\"bnava-usage\" id=\"bnava-u-mar\" value=\"mar\" data-p=\"mar\">Brand image and engagement<\/label>\n<\/div>\n<div class=\"cdc-qt\">4. What level of visual investment are you targeting?<\/div>\n<div class=\"cdc-chips\">\n<label class=\"cdc-chip\" for=\"bnava-b-b0\"><input type=\"radio\" name=\"bnava-bud\" id=\"bnava-b-b0\" value=\"b0\" data-p=\"b0\">Almost nothing, in-house<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-b-b1\"><input type=\"radio\" name=\"bnava-bud\" id=\"bnava-b-b1\" value=\"b1\" data-p=\"b1\">A few hours or a freelancer<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-b-b2\"><input type=\"radio\" name=\"bnava-bud\" id=\"bnava-b-b2\" value=\"b2\" data-p=\"b2\">A real design budget<\/label><br>\n<label class=\"cdc-chip\" for=\"bnava-b-b3\"><input type=\"radio\" name=\"bnava-bud\" id=\"bnava-b-b3\" value=\"b3\" data-p=\"b3\">Results first, whatever the cost<\/label>\n<\/div>\n<div class=\"bn-tablewrap\">\n<table>\n<thead>\n<tr>\n<th>Channel<\/th>\n<th>The avatar becomes<\/th>\n<th>Degree of freedom<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr data-c=\"web\" data-lib=\"3\" data-note=\"On a website or WordPress, the avatar is an image you upload in the chatbot's Appearance section: you are free to choose any style.\">\n<td>Website or WordPress<\/td>\n<td>An image you upload in the widget\u2019s settings<\/td>\n<td>Wide: free style<\/td>\n<\/tr>\n<tr data-c=\"whatsapp\" data-lib=\"1\" data-note=\"On WhatsApp, the avatar is the profile photo of your business number: use a sharp image that stays readable as a circle.\">\n<td>WhatsApp<\/td>\n<td>The profile photo of your WhatsApp Business number<\/td>\n<td>Framed: one profile photo<\/td>\n<\/tr>\n<tr data-c=\"messenger\" data-lib=\"1\" data-note=\"On Messenger, the chatbot's avatar and name are those of your Facebook page: the change is made in the page settings.\">\n<td>Messenger<\/td>\n<td>The photo of the Facebook page attached to the chatbot<\/td>\n<td>Framed: page photo<\/td>\n<\/tr>\n<tr data-c=\"mobile\" data-lib=\"3\" data-note=\"In a mobile app, the avatar is an image embedded in your interface: free, provided it stays readable when small.\">\n<td>Mobile app<\/td>\n<td>An image embedded in the app\u2019s interface<\/td>\n<td>Wide: free style<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"cdc-out\">\n<span class=\"bn-klabel hc\">Our recommendation<\/span>\n<div class=\"budv avaw\" id=\"bnava-w\">\n<em>Waiting for your answers<\/em><br>\n<b>The recommendation sharpens with every choice<\/b>\n<p>Pick one answer in each of the four questions above. The tool combines channel, tone, use and budget to suggest an avatar type, with its limits and your channel\u2019s technical frame.<\/p>\n<\/div>\n<div class=\"budv\" id=\"bnava-v1\" data-t=\"img\">\n<em>Recommendation: static image<\/em><br>\n<b>A polished static avatar, properly declined<\/b>\n<p>For your configuration, a well-designed static image is the best balance point: readable as a small thumbnail, consistent with your guidelines, replaceable in two minutes. Have it tested at 32 to 48 pixels before publishing it.<\/p>\n<p>The trap to avoid: an improvised image, grabbed at the last minute, whose commercial usage rights are unclear. A static avatar is not a disposable avatar: it is the face your brand leaves in every conversation.<\/p>\n<\/div>\n<div class=\"budv\" id=\"bnava-v2\" data-t=\"anime\">\n<em>Recommendation: animated avatar<\/em><br>\n<b>An illustrated character, alive but discreet<\/b>\n<p>A light animated avatar (a short loop, an appearance when the first message arrives) brings the conversation to life without stealing the show from the content. Your brand\u2019s warm or fun tone expresses itself naturally there.<\/p>\n<p>The trap to avoid: permanent animation. A character moving in a loop eventually tires the eye and distracts from the conversation. Plan the still version too, for the channels or contexts where animation does not work.<\/p>\n<\/div>\n<div class=\"budv\" id=\"bnava-v3\" data-t=\"d3\">\n<em>Recommendation: 3D avatar<\/em><br>\n<b>A volumetric mascot, designed to last<\/b>\n<p>A 3D character is a brand investment: highly memorable, it can be declined beyond the chatbot (website, social media, campaigns). For a brand image and engagement use case, it is the form that marks minds the most.<\/p>\n<p>The trap to avoid: commissioning a character without its variants (transparent background, expressions, round and square versions) and without a contract over the source files. A 3D avatar without variants quickly becomes a character locked in a single file.<\/p>\n<\/div>\n<div class=\"budv\" id=\"bnava-v4\" data-t=\"parl\">\n<em>Recommendation: talking digital human<\/em><br>\n<b>An avatar that speaks, with lip sync<\/b>\n<p>For an immersive welcome, a product demonstration or training, a digital human that talks changes the scale of the experience. Specialised platforms bill this capability by subscription (orders of magnitude recorded on 23\/09\/2026: from around 18 to 29 dollars per month depending on the publisher, up to 89 to 149 dollars per month).<\/p>\n<p>The trap to avoid: failed realism. Test the rendering with people outside the project before exposing it to your customers, and keep the uncanny valley in mind: an almost human but not quite face can repel more than an assumed illustration.<\/p>\n<\/div>\n<p class=\"cdc-note\" id=\"bnava-note\">\n<\/p><\/div>\n<\/div>\n<h2 id=\"faq\"><span class=\"ez-toc-section\" id=\"Frequently_asked_questions_about_chatbot_avatars\"><\/span>Frequently asked questions about chatbot avatars<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"bn-faq\">\n<details>\n<summary>Does a chatbot avatar absolutely need a human face?<\/summary>\n<div class=\"bn-faq-b\">\n<p>No. Most effective chatbots use a mascot, an illustration or even an abstract icon in the brand\u2019s colours. A human face is only relevant if the use case justifies it (immersive welcome, demonstration, training) and if it is well executed. A stylised character also avoids the uncanny valley pitfalls, and it is often easier to decline across all media.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>How do you change a Messenger chatbot\u2019s avatar?<\/summary>\n<div class=\"bn-faq-b\">\n<p>A Messenger chatbot\u2019s avatar and name are those of the professional Facebook page it is attached to. The change is therefore made in the page\u2019s settings, not in the chatbot builder. On a Botnation web or WordPress chatbot, however, the image is uploaded directly in the \u201cAppearance\u201d section of the chatbot\u2019s settings.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>Which image should you use: what format, what size?<\/summary>\n<div class=\"bn-faq-b\">\n<p>Start from a square, since the avatar is almost always displayed round or square across interfaces. Choose a sharp image that stays readable reduced to a 32 to 48 pixel thumbnail, with a plain background that contrasts with the chat bubble. Plan a transparent-background version if the widget allows it, and check the rendering on mobile before publishing.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>Is an animated or talking avatar useful in every case?<\/summary>\n<div class=\"bn-faq-b\">\n<p>No. Animation and speech make sense when they serve the experience: immersive welcome, demonstration, training, a highly expressive brand tone. In a support journey where the user wants an answer fast, they add little and can distract. The decisive criterion remains the chatbot\u2019s main use, not technological fashion.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>How much does a chatbot avatar cost?<\/summary>\n<div class=\"bn-faq-b\">\n<p>A static avatar can cost almost nothing (made in-house or generated by AI, subject to usage rights) or the price of a designer\u2019s work, on quote. Animated avatars and 3D mascots require a real design budget, depending on the variants. Talking digital humans come through specialised subscriptions, observed in September 2026 from around 18 to 29 dollars per month depending on the platform. At Botnation, the avatar is part of the settings included in the offer, from the free plan to the paid ones.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>Can you change the avatar after the chatbot\u2019s launch?<\/summary>\n<div class=\"bn-faq-b\">\n<p>Yes, technically it is a setting. But an avatar familiarises users with a face: a brutal change can blur the recognition, especially on a heavily used bot. A gentle evolution (harmonising, refreshing) goes down better than a break. And on Messenger, remember that changing the chatbot\u2019s avatar means changing the Facebook page\u2019s photo itself, visible well beyond the chatbot.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<h2 id=\"conclusion\"><span class=\"ez-toc-section\" id=\"Conclusion_a_face_but_the_right_face\"><\/span>Conclusion: a face, but the right face<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A chatbot\u2019s avatar is not a decoration: it is the first thing the user sees and the landmark that makes the bot recognisable on every channel. The right choice comes down to three decisions: respect the channel\u2019s frame (free on the web, page photo on Messenger, profile picture on WhatsApp), stay consistent with the brand\u2019s tone, and pick an avatar type that matches the real use rather than the effect.<\/p>\n<p>One last piece of advice: validate the avatar in real usage conditions, not full screen on your test machine. It is in a 40-pixel thumbnail on a phone in bright sunlight, in a bubble opening in the middle of an already loaded page, or in a conversation list where your circle sits next to your contacts\u2019 that your character will have to win people over. An avatar that does not survive these everyday trials is not ready to be published, whatever its design budget. Test, adjust, then let the character install the brand over time.<\/p>\n<div class=\"bn-cta\">\n<h3><span class=\"ez-toc-section\" id=\"Ready_to_give_your_chatbot_a_face\"><\/span>Ready to give your chatbot a face?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Create your chatbot for free and set its avatar in a few minutes, start from a ready-made template, or hand the character, the persona and the setup over to our chatbot experts.<\/p>\n<p><a class=\"bn-cta-btn\" href=\"https:\/\/botnation.ai\/en\/pricing\/\">See pricing<\/a> <a class=\"bn-cta-btn\" href=\"https:\/\/botnation.ai\/en\/templates\/\">Explore templates<\/a> <a class=\"bn-cta-btn\" href=\"https:\/\/botnation.ai\/en\/contact\/\">Contact the experts<\/a><\/p>\n<\/div>\n<\/div>\n<p><script>(function(){var r=document.getElementById(\"bn-ava\");if(!r){return;}function val(n){var e=r.querySelector(\"input[name='\"+n+\"']:checked\");return e?e.getAttribute(\"data-p\"):\"\";}function put(id,s){var e=document.getElementById(id);if(e){e.textContent=s;}}function row(c){return r.querySelector(\"tr[data-c='\"+c+\"']\");}function show(n){var i,p,w;for(i=1;5>i;i++){p=document.getElementById(\"bnava-v\"+i);if(p){p.style.display=(i===n?\"block\":\"none\");}}w=document.getElementById(\"bnava-w\");if(w){w.style.display=(n===0?\"block\":\"none\");}}function pick(){var canal=val(\"bnava-canal\"),ton=val(\"bnava-ton\"),usage=val(\"bnava-usage\"),bud=val(\"bnava-bud\");if(canal===\"\"||ton===\"\"||usage===\"\"||bud===\"\"){show(0);put(\"bnava-note\",\"\");return;}var rw=row(canal);var lib=parseInt(rw.getAttribute(\"data-lib\"),10);var wi=0,wa=0,wd=0,wp=0;if(bud===\"b0\"){wi=wi+5;}if(bud===\"b1\"){wi=wi+2;wa=wa+3;wd=wd+1;}if(bud===\"b2\"){wa=wa+2;wd=wd+3;wp=wp+3;}if(bud===\"b3\"){wd=wd+2;wp=wp+5;}if(ton===\"inst\"){wi=wi+2;}if(ton===\"cha\"){wa=wa+2;}if(ton===\"fun\"){wa=wa+1;wd=wd+1;}if(usage===\"sup\"){wi=wi+1;wa=wa+1;}if(usage===\"ven\"){wa=wa+1;wp=wp+1;}if(usage===\"mar\"){wd=wd+2;wp=wp+1;}if(lib===3){wa=wa+1;wd=wd+1;}var lvl=1,mx=wi;if(wa>mx){mx=wa;lvl=2;}if(wd>mx){mx=wd;lvl=3;}if(wp>mx){mx=wp;lvl=4;}var bt=0;if(bud===\"b0\"){bt=1;}if(bud===\"b1\"){bt=2;}if(bud===\"b2\"){bt=3;}if(bud===\"b3\"){bt=4;}if(lib===3){if(bt===1){if(wi===mx){lvl=1;}}if(bt===2){if(wa===mx){lvl=2;}}if(bt===3){if(wd===mx){lvl=3;}}if(bt===4){if(wp===mx){lvl=4;}}}put(\"bnava-note\",rw.getAttribute(\"data-note\"));show(lvl);}r.addEventListener(\"change\",pick);pick();})();<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In short: the avatar is a chatbot\u2019s visible face: a static image, an animated character, a 3D figure or a talking digital human. Chosen well, it makes your bot recognizable, reassuring and consistent with your brand. This article covers the four avatar types, the design rules that avoid the classic pitfalls (including the famous \u201cuncanny [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":31728,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[362],"tags":[],"class_list":["post-31730","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chatbot-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/posts\/31730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/comments?post=31730"}],"version-history":[{"count":2,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/posts\/31730\/revisions"}],"predecessor-version":[{"id":31733,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/posts\/31730\/revisions\/31733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media\/31728"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media?parent=31730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/categories?post=31730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/tags?post=31730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}