# Enjoy — Play stack

The three tilted blue, orange, and pink bars are Enjoy’s logo. Workshop direction 03 was adopted September 8, 2026.

- **`assets/icon.svg`** is the canonical source: the exact approved app icon, including the ivory tile.
- **`mark.svg`** is the same symbol on a transparent background, cropped for headers and lockups.
- **`icon.svg`** is the full app icon with transparent outer corners.
- **`icon-dark.svg`** is the charcoal-tile alternative, with matching PNG, WebP, ICO, and ICNS exports. Browser favicons follow the selected theme; the standard native application bundle uses the ivory icon.
- **`icon-maskable.svg`** extends the ivory background to every edge for platform-managed masks.
- **`mark-black.svg` / `mark-white.svg`** are single-color variants.
- Every variant has PNGs at 16, 32, 64, 128, 256, 512, and 1024 px, plus lossless WebP at 1024 px.
- **`icon.ico` / `icon.icns`** contain Windows/browser and macOS icon sizes.

Use the transparent mark next to the Enjoy name. Use the ivory tile for app launchers, avatars, and favicons. Keep the bars’ colors, proportions, ordering, and angles. The palette is blue `#2878ef`, orange `#f58220`, and pink `#ed438b`. Preserve empty space around the mark. Do not recolor it with project colors.

Run `yarn brand:generate` from the repository root after changing the master. This generates this directory, desktop platform assets, all app/website favicons, web manifest icons, self-contained relay assets, and the website’s downloadable `/brand/enjoy-brand-kit.zip`. Generated copies should not be edited directly. Requires the repository’s installed Sharp and Tauri CLI, plus `zip`.

React: reuse `Brand` or `BrandMark` from `packages/app/src/ui/Brand.tsx`. Astro: reuse `packages/website/src/components/Brand.astro`. The public website’s `/brand/` page offers previews and downloads. Brand artwork stays still at rest; header hover/focus adds a short lift and respects reduced motion.