---

## 23. `public/manifest.webmanifest`

```json
{
  "id": "/",
  "name": "Omni Color — The Ultimate Online Color Toolkit",
  "short_name": "Omni Color",
  "description": "Pick, convert, generate, and analyze colors. A complete toolkit for designers, developers, and creators.",
  "start_url": "/?source=pwa",
  "scope": "/",
  "display": "standalone",
  "orientation": "any",
  "background_color": "#0b0d10",
  "theme_color": "#0b0d10",
  "lang": "en",
  "dir": "ltr",
  "categories": ["design", "developer", "productivity", "utilities"],
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-maskable-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ],
  "shortcuts": [
    {
      "name": "Color Picker",
      "short_name": "Picker",
      "url": "/tools/color-picker/",
      "description": "Open the advanced color picker"
    },
    {
      "name": "Contrast Checker",
      "short_name": "Contrast",
      "url": "/tools/contrast-checker/",
      "description": "Check WCAG contrast"
    },
    {
      "name": "Gradient Generator",
      "short_name": "Gradient",
      "url": "/tools/gradient-generator/",
      "description": "Build CSS gradients"
    }
  ]
}