AI tile

Updated May 12, 2026

Description

An Ai tile is used to present AI-generated information to the user. This information may be for the user's reference, or it may represent the start of a flow that the user can trigger.

Ai tile with icon and keyline

Icons

Use an Ai sparkle icon within an Ai tile to create a sense of visual hierarchy for the user. They can be used in the title or another element within the tile, such as an Ai button.

Example of Ai tile hierarchy

Labels

Warning

While branding is an important part of building user trust in Sage Ai experiences, it may not communicate adequately to all users that they are interacting with AI-generated processes or content within a product. Always include a visible label to clearly indicate that a process or an output is AI-related. This ensures that users of assistive technology are informed, as well as reducing cognitive load for all users.

Note: Do not attribute a label to "Copilot" or to "AI".

AI label

Use an AI label whenever the user needs to review, confirm, or understand that content has been automatically created or generated by AI. This is essential for building user trust as we incorporate more AI features into our products.

The sparkle icon on the left must be included on all AI labels to align with branding and support consistent recognition of AI-generated content by users.

Generic AI label

Agentic AI label

Dos and don'ts

Don't