Skip to content
Canvas Documentation
  • Pages
    • Thesys Documentation
    • Getting Started
      • Overview
      • Definitions
      • Creating a Project
      • icon picker
        Styling the Agent
      • Shortcuts
    • Gen UI with Thesys AI
      • Composing Response with AI
      • Creating Flow with AI
    • Using the Canvas
      • Select and Move
      • Composing Response
      • Creating Flow
      • Sharing and Permissions
      • Prototyping the Agent
      • Public Prototype
    • Editing Panel
      • Image
      • Text
      • Charts
      • Icon
    • Features
      • Charts
      • Templates
      • Multi-Card Response
      • Follow-up Query
      • Action Flow
    • Account
      • Profile
      • Support
    • Organisation
      • Members and Collaborators
      • Billing and Plans
      • Support
Canvas Documentation
/
/
Styling the Agent
Share
Explore

Styling the Agent

Styling your agent is essential to align it with your brand. You can easily customize your agent's appearance through the Style Tab.
⁠

⁠
Color in Styling.gif
⁠
⁠

Accessing the Style Tab

To start styling your agent, go to the Style Tab located at the top of the canvas. This will open the styling page, where you can make various changes to the agent's design and overall look.

Styling Options

⁠
Naming Agent 1803x1132 (1).gif
⁠
Rename Agent: Update the name to reflect its purpose or brand.
Logo & Description: Upload a logo and write a short description for your agent.
Themes: Choose a preset theme or switch between Light/Dark Mode.
⁠
Color in Styling 1803x1132.gif
⁠
Typography: Select font style
Corner Radius: Adjust button and card roundness.
Spacing: Modify spacing for a balanced layout.
Colors: Customise primary, background component colors (buttons, backgrounds, text)

Finalizing Your Style

Once you've made all the changes, you can hit the save button, and the changes will reflect on the prototype.

Accessing the Style Tab
Styling Options
Finalizing Your Style
Gallery
 
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.