UI components
The small details that make a workspace feel like TDesk.
A shared language for better support.
Purposeful controls, clear states, and a little room to breathe. Every component uses the same TDesk foundations.
Buttons & actions
One primary action. A clear next step.
Disabled controls stay still. Icon-only actions always have an accessible label.
Status & identity
Meaning comes from words, as well as color.
Initial portraits keep the focus on people.
Alerts & feedback
Specific, useful, and close to the action.
You can keep working from where you left off.
Add an owner before you activate this policy.
Tabs
Related content, one focused view at a time.
All the context, in one place
Use tabs when a person needs to switch between related information without leaving their task.
Evan Wells assigned this conversation to the billing team.
Example activity · 10 November 2026
Accordion
Make supporting detail easy to find.
When should I use a saved reply?
Use a saved reply for a common starting point, then tailor it to the customer’s question. A little context makes a big difference.
How do priority and SLA work together?
Priority describes impact. An SLA sets the response and resolution targets that help the team decide what to work on next.
Can I change these components?
Yes. Shared design tokens control color, type, shape, and motion. Update them once to keep the template consistent.
Dialogs & progress
Pause for a decision. Keep the outcome visible.
Evan Wells
Foundations
The same familiar TDesk palette, made for everyday work.
Plus Jakarta Sans
Clear at a glance. Comfortable in a conversation.
400 Regular 500 Medium 600 Semibold 700 Bold