Chatbot Demo: Included Pages & How to Customize It
Canvas is a flexible HTML5 website template that adapts to almost any project, and this demo shows how it looks and feels when it is configured around an AI customer support product. The layout is stretched edge to edge for a modern, screen filling experience, the theme color is a deep teal set to #0d9488, and dark color styling is applied throughout to give the interface a focused, technical character. Fonts follow the Canvas defaults so typography remains consistent with the rest of the template family.
This particular configuration is aimed at SaaS teams, indie developers, and agencies who sell or resell chatbot software and need a polished marketing site without writing custom code. It ships with a single demo page that covers everything a buyer typically wants to evaluate: a hero presentation of the bot, feature highlights, conversation samples, integrations, pricing, and a contact area. The design personality is clean, developer friendly, and quietly confident rather than flashy, which suits a product category where clarity and trust matter more than visual noise.
What's included
| Page | Description |
|---|---|
demo-chatbot.html |
A landing page for BotDesk, presenting an AI customer support agent with hero copy, feature breakdowns, sample chat previews, integration logos, and pricing tiers. |
The demo's own styles live in demos/chatbot/chatbot.css. Shared framework styles come from style.css and css/font-icons.css.
The full editing guide is in the dashboard
Step-by-step customization, the complete settings reference, and copy-paste code are available to registered Canvas users. Creating an account is free.
Required files
CSS: demos/chatbot/chatbot.css