Icons & Illustrations
We use Google Material Symbols as our icon library for consistency and clarity. Icons come in two styles: gradient rainbow for emphasis and highlights, or solid Electric Purple for standard use.
Important: Never use Tangerine (#FF8082) as a solid icon color—it's reserved for gradients only.
Gradient Rainbow
Use for: Featured elements, call-to-action buttons, achievements, highlights, and moments of celebration or emphasis.
Solid Electric Purple
Use for: Standard UI elements, navigation, buttons, and general interface icons throughout the application.
Icon Guidelines
Library: Google Material Symbols (Outlined style)
Primary Style: Gradient rainbow (#7A00FF → #FF8082) for featured moments
Standard Style: Solid Electric Purple (#7A00FF) for everyday use
Never Use: Solid Tangerine (#FF8082) icons
Keep icons consistent in size and style within the same context. Use gradient sparingly for key actions, achievements, or highlights.