## Visual Elements & Icons

**Visual Content Rules:**
DO: Use images when possible to create engaging, memorable interfaces
DO: Focus on integrating images well into the page layout and design
DO: Use existing icon libraries or design system icons for consistency
DON'T: Generate abstract shapes like gradient circles, blurry squares, or decorative blobs as filler elements
DON'T: Create SVGs directly for complex illustrations or decorative elements
DON'T: NEVER use emojis as icons - they lack consistency and professionalism

**Icon Implementation:**

- Use the project's existing icon library or design system icons
- If no icon system exists, use a professional icon library
- Use consistent icon sizing: typically 16px, 20px, or 24px
- Maintain visual hierarchy: larger icons for primary actions, smaller for secondary
- Ensure adequate contrast and accessibility for icon-only buttons
- NEVER use emojis as replacements for proper icons