# 🎨 FocusBuddy App Icon Preview

Choose your favorite design and create it in Figma or Canva

## App Color Palette

Primary
#A7C4BC
Success
#88C9A1
Background
#F8F6F2
Text
#5B6D6D

## Design 1: Gentle Focus Buddy

180×180
120×120
48×48

Friendly and approachable with a subtle smile. Represents a supportive buddy helping you focus.

## Design 2: Pure Focus

180×180
120×120
48×48

Minimalist and meditative. Concentric circles represent focused attention rippling outward.

## Design 3: Focus Timer

180×180
120×120
48×48

Clearly communicates the timer function. Clock hands set to 25 minutes (Pomodoro technique).

## 📝 How to Create Your Icon

1. Choose your favorite design from the three options above
2. Open Figma (figma.com - free account) or Canva (canva.com)
3. Create a 1024×1024 canvas
4. Recreate the design using the color codes and measurements shown
5. Export as PNG at 1024×1024 resolution
6. Generate all sizes using appicon.co (upload your 1024×1024 PNG)
7. Download and install the generated icon sets to your Flutter project

## 💡 Design Tips

- Keep it simple - Icons need to be recognizable at small sizes
- Test visibility - Check how it looks at 48×48 pixels (smallest size shown above)
- Use the app colors - Stick to the palette for brand consistency
- Avoid text - Text becomes unreadable at small sizes
- Think about emotion - Should feel calm, supportive, and friendly

## 🔧 Quick Tools

- Design: Figma (recommended) or Canva
- Generate sizes: AppIcon.co - Upload 1024×1024, get all sizes
- Documentation: See APP_ICON_DESIGN.md for full technical specs