Symbols
Visual cues to distinguish AI features and enhance recognition.
What
Visual symbols (e.g., sparkles, robots, or orbs) used to indicate AI features or content in a user interface.
How
Employ common symbols like sparkles or robots, or create unique ones to represent AI, ensuring clarity and avoiding misrepresentation.
When
Use to distinguish AI interactions from other elements in the interface, especially in mixed environments.
Practical Tips
Ensure Clarity
Select icons that clearly differentiate AI functions to prevent confusion.
Maintain Consistency
Use the same symbols across the platform to enhance user recognition.
Combine with Other Visuals
Pair with names, colors, or additional symbols to reinforce meaning.
Grammarly
Grammarly uses pencil, text-editing and other symbol icons, often combined with AI labels, to symbolize its role in improving writing.
Framer
Framer uses a "sparkles" icon as a symbol to represent its AI-driven design and enhancement features, conveying a sense of creativity and design magic.
Canva
Canva uses a magic wand icon for its "auto-adjust" CTA, symbolizing its AI-powered tool that enhances design.
