No-fee checking
Domestic transfers and ATM reimbursements, included.
Design
It should blend into your brand, not interrupt it.
A chatbot that looks bolted on gets treated like an ad. Every design below is the same Hyperleap agent — same markup, same stylesheet — wearing a different brand, on the site it belongs to.
One agent
These two are the same chatbot.
Not a theme, not a template, and not a rebuild. The markup is identical — what changes is a block of colour, type and corner settings you fill in once in Bot Studio.
The gallery
We built these because no two brands look alike.
These aren't screenshots. Open a launcher, submit a lead form, send a message — the replies are canned, everything else is the real widget. Under each one are the Bot Studio settings that produce it.
NorthstarBanking
The look most sites can ship on day one — a round button, a greeting bubble, and a header in your own brand colour.
Banking that stays out of the way.
Open an account in minutes, move money instantly, and get a human-grade answer when something looks off.
Open an accountNo-fee checking
Domestic transfers and ATM reimbursements, included.
Yield on idle cash
Park reserves overnight. Withdraw any business day.
Card controls
Freeze, limit, and lock categories from one place.
Northstar
Online
Restart Chat
N
Hey there — I’m Northstar. Want help understanding a charge, planning a transfer, or opening an account?
Why was I charged $18.40 at Harbor Market?
A
N
Pending card authorisations usually settle to the final amount within 1–2 business days. If it still looks wrong after that, I can take your details and pass it to the disputes team.
May I help you?
- chatIcon.buttonStyle
- classic
- chatIcon.icon_background_color
- #00990f
- chatButtonText.message
- May I help you?
- chatWindow.header.headerBackgroundColor
- #00990f
- globalWindow.borderRadius
- 20
Meridian CareHealthcare
Contact details are collected before the chat starts, over a header built from your own clinic photo — so the first thing a patient sees is your practice, not a placeholder.
Care that starts with a conversation.
Book a same-week visit, ask about a prescription, or find the right specialist — without holding on a line.
Find a clinicPrimary care
Annuals, labs, and follow-ups in one record.
Women’s health
Board-certified physicians, evening hours.
Mental health
Therapy and psychiatry, in person or video.
Meridian Care
We’ll take it from here.
Tell us how to reach you and a coordinator will pick up.
+1
Powered by Hyperleap AI
Meridian Care
Online
Restart Chat
M
Hi — I can share booking links, answer questions about the clinics, and route prescription requests to the right desk. What do you need?
- chatIcon.position
- bottom-left
- chatbotSettings.showLeadForm
- true
- chatbotContent.headerBackground
- clinic photo
- authWindow.body.buttonBackgroundColor
- #0f766e
LumenDeveloper tools
A centred search bar instead of a floating bubble — it reads like a feature of the product, not something bought from a vendor.
The workspace that already knows your stack.
Ask Lumen to jump to billing, docs, or a workspace — or just type a question. Commands live behind / and ⌘K.
Start a trialCommand palette
Navigate the product without leaving the page.
SSO ready
Okta, Azure AD, and Google Workspace.
Audit log
Every answer tagged with source and actor.
Lumen
Online
Restart Chat
L
Hi — I can open docs, jump to a workspace, or answer a product question. Try /pricing or just ask.
What’s included on Team vs Business?
K
L
Team covers 10 seats, shared prompts, and Slack. Business adds SSO, audit logs, and a dedicated workspace. I can open the pricing page if you want the full matrix.
⌘K
Press / or ⌘+K to use commands
- chatIcon.buttonStyle
- spotlight-bar
- chatIcon.position
- bottom-center
- spotlightBar.backgroundColor
- #ffffff
- spotlightBar.borderRadius
- 16px
Bazaar StylistRetail
A labelled pill button and suggested follow-up questions keep a browsing shopper moving instead of typing from scratch.
New season, no guesswork.
Size, fabric, shipping — ask the stylist. She already knows what’s in your bag.
Shop the dropFree returns
30 days, prepaid label in the box.
Next-day metros
Order by 2pm, doorstep tomorrow.
Stylist on chat
Fit questions answered in under a minute.
Bazaar Stylist
Online
Restart Chat
B
Hi — I’m the Bazaar stylist. Looking for sizing, fabric, or something to wear Friday?
Does the linen shirt run large?
S
B
It runs true. Most people keep their usual size. If you like a cleaner shoulder, size down one — easy return either way.
- chatIcon.buttonStyle
- wide
- chatButtonText.message
- Ask the stylist
- chatbotSettings.enableFollowUpGeneration
- true
Aurelia ConciergeHospitality
Near-square corners and a custom check-in-date field carry the same restraint as the rest of a luxury booking site.
A house on the water, expecting you.
The concierge can hold a table, arrange a late checkout, or have the room ready the way you left it last spring.
Reserve a suiteLake suites
Twelve rooms. None share a wall with another guest.
Kitchen garden
Dinner is whatever was cut that afternoon.
Arrivals
Boat or car. We’ll meet either.
Aurelia Concierge
Online
Restart Chat
A
Welcome. A table, a late checkout, or a question about the suites — tell me how to help.
- authWindow.body.customFields
- 1 custom field
- authWindow.body.buttonBorderRadius
- 2
- globalWindow.fontFamily
- Poppins
Verify BankFinancial services
A one-time code confirms who is chatting before the conversation starts. OTP Verification is a paid add-on on Pro and Max.
Identity first. Then the conversation.
We send a one-time code before any balance, transfer, or dispute is discussed. The assistant never skips this step.
Sign inDevice lock
New browsers always re-verify.
No passwords in chat
The assistant will never ask for one.
Session timeout
Idle chats close after five minutes.
Verify Bank
Online
Restart Chat
V
You’re verified. I can explain a charge, walk you through a transfer, or start a dispute with the team — without ever asking for a password.
- chatbotSettings.loginMode
- OTP
- chatbotSettings.supportedCountryCodes
- per market
- authWindow.header.headerBackgroundColor
- #1e3a8a
HarborNonprofit
Two dismissible prompts float above the button before anyone opens it — a nudge, not an interruption.
A warm meal, a dry bed, a way back.
Harbor runs shelters and job programs across three cities. The assistant can point you to tonight’s intake, a donation, or a volunteer shift.
See tonight’s capacityEmergency intake
Walk-in after 5pm. ID helpful, not required.
Job studio
Résumés, interviews, and a clean shirt.
Monthly giving
$25 covers one night and breakfast.
Harbor
Online
Restart Chat
H
Hi — I can share tonight’s shelter list, take a donation enquiry, or pass your details to the volunteer coordinator.
Hi — I can share tonight’s shelter list, take a donation enquiry, or pass your details to the volunteer coordinator.
Need a hand?
- chatbotSettings.showFollowUpBeforeOpen
- true
- chatbotSettings.initialFollowUpOptions
- 2 options
- chatIcon.icon_background_color
- #0369a1
ObsidianObservability
Built for a dark product from the header down — nothing here assumes a white background.
Logs, traces, and the question you were about to grep.
Ask the assistant for a failing deploy, a rate-limit spike, or the last time this endpoint 500’d. No cheerful green box.
Open the consoleTail live
Stream a service without leaving the page.
Trace IDs
Paste one. Get the span tree back.
On-call
Page the owner if error budget is gone.
Obsidian
Online
Restart Chat
O
Ready. Paste a trace id, a service name, or describe the incident.
payments-api p99 jumped at 14:12 UTC
J
O
That pattern is in the runbook — it has you check the checkout→Stripe path and `stripe-proxy` in us-east-1 first. I can open the runbook, or take your details and page the on-call owner.
AI can make mistakes. Check important information
- globalWindow.bodyBackgroundColor
- #0f1117
- chatWindow.body.assistantMessageBackgroundColor
- #1c1f2a
- chatbotContent.logoEnabled
- false
Campus HelpHigher education
Centred, unbranded and dead simple. The Hyperleap badge comes off the widget on Pro and Max.
Ask Campus. Skip the office hours queue.
Deadlines, room numbers, and “is this elective full?” — the assistant knows the catalog better than the PDF.
Browse coursesAdd / drop
Closes Friday 5pm. No exceptions, yes reminders.
Housing
Lottery results post Thursday morning.
Counseling
Same-week appointments if you ask today.
Campus Help
Online
Restart Chat
C
Hey! I can answer questions about a course, a room, or a deadline. What do you need?
Is CS 220 full for spring?
R
C
I can’t see live seat counts — the registrar holds those. I can send you the add-code policy and the registrar’s direct line.
AI can make mistakes. Check important information
- chatIcon.buttonStyle
- wide
- chatIcon.position
- bottom-center
- globalWindow.showBranding
- false
Atlas SupportEnterprise software
A large centred window instead of a corner panel, so a long support thread has room to breathe.
Enterprise support, in a window that can hold it.
Atlas opens as a centered landscape desk — room for a long thread, a policy citation, and the ticket you were about to file.
Open a ticketSLA 4h
Sev-2 and above, clock starts on first message.
SSO
The assistant already knows your org role.
Handoff
A human picks up with the full transcript.
Atlas Support
Online
Restart Chat
A
Hello — I’m Atlas. I can answer from the docs, quote an SLA, or hand you to support with this conversation attached.
SSO login is looping for the EU workspace after the IdP cert rotation.
M
A
That’s a known race if the new cert isn’t in both regions yet. Workaround: have an org admin re-upload the IdP metadata under Security → SSO. I can pass this to support with the conversation attached if that doesn’t clear it, if you want.
- chatbotSettings.showFullWindowChatOnDesktop
- true
- chatbotContent.headerBackground
- office photo
- globalWindow.fontFamily
- Inter
City of CivicGovernment
A banner across the top reaches every visitor, not just the ones who happen to notice a corner button.
City hall, without the counter.
Report a pothole, ask about recycling, or find tonight’s shelter list. The banner above stays until you dismiss it.
Resident portal311
Non-emergency requests, tracked.
Permits
Building, parking, and street use.
Alerts
Weather, water, and road closures.
Civic 311
Online
Restart Chat
C
City of Civic here. I can take a 311 request, list sandbag sites, or point you to the outage map.
Where can I pick up sandbags near Ward 4?
P
C
Closest site is Riverside Yard, 14 Oak, open until 10pm. Limit 10 bags per car. I can take your details and pass a delivery request to the ward office.
AI can make mistakes. Check important information
- chatbotSettings.topBar.enabled
- true
- chatbotSettings.topBar.ctaAction
- chat
- chatbotSettings.topBar.dismissible
- true
- globalWindow.showBranding
- false
NoriRestaurants
A spotlight launcher and a lead form together — proof the settings are independent and mix however you need.
Fire, rice, and a table if we have one.
Tell the host your name. That’s all — the spotlight bar at the bottom starts the conversation. No extra button in the form.
See tonight’s omakaseCounter
Fourteen seats. One sitting.
Garden room
For eight, if you book a week out.
Walk-ins
Bar only, after 9.
Nori
The counter is listening.
Just a name — then ask for a time.
Start Chat
Nori
Online
Restart Chat
N
Thanks — the counter has your name. Ask about a time tonight, or the garden room.
- chatIcon.buttonStyle
- spotlight-bar
- chatbotSettings.showLeadForm
- true
- chatbotContent.headerBackground
- counter photo
QuillDeveloper docs
No floating button at all — the agent sits in the page as a column, the way a docs site expects.
API reference
Create a webhook
Webhooks notify your server when a document is published or a comment is resolved. Register an HTTPS endpoint, then verify the signature on every request.
Events are delivered at-least-once. Idempotency keys are on the payload so you can safely retry.
Ask the assistant in the panel if you want a sample handler, or to look up a 401 from last night.
Quill
Online
Restart Chat
Q
I can walk a webhook from this page — sample handler, signature check, or why an event retried.
Show me the Node handler.
D
Q
Verify `Stripe-Signature` style HMAC on `x-quill-signature`, then switch on `type`. I’ll paste a 20-line Express snippet if you want it in the article.
- embed mode
- inline
- globalWindow.borderRadius
- 0
- globalWindow.shadow
- none
VoyageTravel
A booking link, an itinerary PDF and a photo gallery arrive as tappable cards — the assets you already attached, doing the selling.
A trip that answers for itself.
The assistant doesn’t just answer — it drops a calendar, an itinerary PDF, and photos of the villa in the same thread.
Browse staysConsults
Thirty minutes with a planner, on the calendar card.
Itineraries
PDF in the chat. Download without leaving.
Places
Gallery of the property, opened on the host page.
Voyage
Online
Restart Chat
V
Where do you want to go this spring?
Amalfi, a villa, last week of March.
A
V
Positano is the one people ask for that week. Book a consult and a planner will confirm dates — or grab the itinerary and look at the rooms.
1 document
Amalfi-villa-itinerary.pdf
PDF · 1.2 MB
3 imagesView Gallery
- chatbotSettings.enableAssets
- true
- chatWindow.body.userMessageBackgroundColor
- #0e7490
- globalWindow.fontFamily
- Manrope
LumenDeveloper tools
Typing “/” opens a command palette you define — the chat doubles as site search for anyone who would rather type than click.
Type / and the product opens.
Same Lumen as the spotlight scene — this time the command palette is already up. Home, Pricing, Docs, Dashboard.
Start a trialCommands
Configured in studio. The palette reads them live.
⌘K
Same list, from the keyboard.
Navigate parent
Selecting a row sends the host page there.
Lumen
Online
Restart Chat
L
Hi — I can open docs, jump to a workspace, or answer a product question. Try /pricing.
⌘K
Press / or ⌘+K to use commands
- chatbotSettings.navigationCommands
- 4 commands
- chatbotContent.chatWindow.body.commandHintText
- custom
- spotlightBar.shortcutBadgeBackgroundColor
- #eef2ff
PulseFitness
A rounded-square button, inset further from the corner than the default — the kind of small adjustment that makes it feel designed, not defaulted.
The button doesn’t have to be a circle in the corner.
Pulse uses a 16px squircle, a zap icon, and a 56px inset — still classic, not glued to the edge, no speech bubble.
Start a planRadius
Sixteen-pixel squircle instead of a circle.
Icon
Zap instead of the default smiley.
Offset
Fifty-six pixels in from the corner, not glued to the edge.
Pulse
Online
Restart Chat
P
Ready when you are — a plan for next week, a coach, or what the training guide says about a dip in HRV.
Give me three 40-minute sessions.
K
P
Tue intervals, Thu tempo, Sat easy. I can share the coach’s booking link if you want them locked in.
- chatIcon.icon_border_radius
- 16
- chatIcon.offsetX
- 36
- chatIcon.offsetY
- 36
- chatIcon.iconType
- zap
Sample designs. Northstar, Meridian Care, Verify Bank and the rest are illustrative brands invented for this page — not customers.
What you control
Set it once, in the branding tab.
No CSS, no developer, no ticket. Paste your URL and Studio imports your logo and colours to start with.
Colour
Launcher, header, assistant and visitor bubbles, input field, send button, and lead-form buttons — each one is its own setting, not a single “brand colour” applied everywhere.
Type and shape
A font family from the Google Fonts catalogue, message and heading sizes, corner radius, and the window shadow — the details that make a widget look considered instead of stock.
Logo and avatars
Your logo on the header, a photographic header image if you want one, and separate avatars for the assistant and the visitor — so the conversation looks like it comes from your team.
Launcher and placement
Classic button, wide pill, or Spotlight bar; bottom-left, right, or centre; and how far it insets from the corner on desktop and mobile — placed where it fits your layout, not where a default puts it.
What opens
A corner panel, a full centred window on desktop, a dismissible top bar, or inline in the page with no launcher at all — the shape that matches how people already use your site.
The badge
The Hyperleap badge comes off the widget on Pro and Max, so the agent reads as yours, not as something you bought.
Questions about design
What you can change, and what you can't.
Can I match the chat widget to my brand?
Yes. You set colours for the launcher, header, message bubbles, input and buttons, plus a font family, corner radius, shadow, your logo and avatars — independently of each other. Every design in this gallery is the same agent with only those settings changed.
What launcher styles are available?
Three: a classic round button, a wide pill with your own label, and a Spotlight bar that reads like a search field. Each can sit bottom-left, bottom-right or bottom-centre. The widget can also open as a full centred window on desktop, run as a dismissible top bar, or sit inline in the page with no launcher at all.
Can I remove the Hyperleap branding?
Yes, on Pro and Max — the Hyperleap badge comes off the widget entirely. On Plus it stays.
Do I need a designer to set this up?
No. Paste your website URL and Studio reads the site, imports your logo and colours, detects your industry and writes a starting prompt automatically. You adjust any of it afterwards in the branding tab — most people are live in under 5 minutes.
Can I use my own font?
You can choose any font family from the Google Fonts catalogue, which covers most brand typefaces. Uploading your own custom webfont files is not supported.
Are these real customers?
No. Every brand in this gallery — Northstar, Meridian Care, Verify Bank and the rest — is invented to show a different design direction. They are sample designs, not case studies.
Still have questions?
Contact our support teamIt's live. Now make it look like yours.
Paste your website URL and Studio reads your site, imports your logo and colours, and hands you a working agent to restyle from there.
7-day trial on every plan · Live in under 5 minutes