Embedded AI is a rapidly developing pattern at ServiceTitan. Check back often or in relevant Slack channels for new guidance.
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: AI mark
The AI mark is a double star. It replaces a handful of other branding entities, including a single sparkle, the TI logo, and any sparkle emoji.
Douse the AI 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.
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. Use `ai_mark.svg` for monochrome and `ai_mark_gradient.svg` for primary.
Primary & monochrome styling
The AI mark has two styles, a primary and monochrome styling. They have specific rules on when to use them.- Primary:
ai_mark_gradient.svg - Monochrome:
ai_mark.svg
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.
Sizing
The AI mark has 3 sizes, inherited from icon sizes from Anvil. Sizing is usually determined by the component the AI mark is in. For example, in a Button it is 16x16.