Skip to main content
Embedded AI is a rapidly developing pattern at ServiceTitan. Check back often or in relevant Slack channels for new guidance.
Embedded AI in Anvil2 represents and defines how AI is represented in the general UI and relevant Anvil2 components.

Embedded AI vs Atlas

The key difference between embedded AI and Atlas is that Atlas refers to a centralized conversational UI, while embedded AI is broadly about applying AI to in-app experiences and individual Anvil2 components. An experience may use one or both approaches depending on what is appropriate. Within the app, use embedded AI patterns. Within the conversational interface, or with actions that immediately lead to it, use the Atlas library.

AI Labeling: Sparkle

The Sparkle is a double star. It replaces a handful of other branding entities, including a single sparkle, the TI logo, and any emoji of a sparkle.
Sparkle mark to use
Douse the Sparkle mark (double star) as the standard AI labeling indicator, replacing any single sparkle, TI logo, or sparkle emoji for consistent AI branding across the application.
Outdated or incorrect AI marks
Don'tuse outdated or incorrect AI marks such as single sparkles, TI logos, or sparkle emojis, as these create inconsistency and weaken the standardized AI branding.

Primary & monochrome styling

The Sparkle has two styles, a primary and monochrome styling. They have specific rules on when to use them.
Visual of the primary and monochrome mark

Primary

The primary is used in most situations. Unless otherwise stated, use the Primary mark in the app.

Monochrome

The monochrome mark is only used when a color contrast problem arises. This currently only applies in the primary Button, but may surface as more use cases emerge. Note that this rule is a departure from prior TI branding rules around styling, any prior TI usage should be updated to reflect this new rule.
Example of usage of the primary and monochrome styling

Sizing

The Sparkle has 3 sizes, inherited from icon sizes from Anvil. Sizing is usually determined by the component the sparkle is in. For example, in a Button it is 16x16.
Visual comparison of the 3 ai mark sizes

AI Components

Anvil components are steadily receiving an AI labeling integrated into the component. When embedded AI elements are enabled, components receive some combination of visual and behavioral update.

Accessibility

User awareness of AI

Users should be made aware that an interaction involves AI. The sparkle mark may be sufficient at disclosing this, but additional disclosures may be needed in more complicated workflows.

Follow general accessibility conventions

Basic rules around color contrast, keyboard accessibility, touch targets, screenreader support remain essential when incorporating AI indicators in the app. These considerations are integrated into Anvil2 components that use AI markings, but these will need to be considered when using standalone or custom AI markings.
Last modified on January 23, 2026