# Open Graph Image Placeholder

This file is a placeholder for the Open Graph social media image.

## Requirements

- **Size:** 1200x630 pixels (1.91:1 aspect ratio)
- **Format:** PNG
- **File Name:** `og-image.png`
- **Location:** `app/static/images/og-image.png`

## Design Guidelines

The Open Graph image should include:

1. **TimeTracker Logo** - Prominently displayed
2. **Tagline** - "Professional Time Tracking" or similar
3. **Key Visual Elements** - Clock icon, gradient background matching brand
4. **Readable Text** - Ensure text is readable at small sizes
5. **Brand Colors** - Use primary blue (#4A90E2) to secondary cyan (#50E3C2) gradient

## Creation Tools

You can create this image using:
- Design tools: Figma, Adobe Illustrator, Canva
- Online tools: Canva, Bannerbear
- Code: Generate programmatically using libraries like `sharp` or `canvas`

## Example Design

```
┌─────────────────────────────────────────┐
│                                         │
│         [TimeTracker Logo]              │
│                                         │
│      Professional Time Tracking         │
│                                         │
│    Track time. Stay organized.         │
│                                         │
└─────────────────────────────────────────┘
```

## Notes

- The image will be used when sharing links on social media
- Should work well in both light and dark mode previews
- Keep file size reasonable (< 500KB recommended)
- Test how it appears on different platforms (Twitter, Facebook, LinkedIn)
