# INVEETAIRE Branding

Official brand assets for the INVEETAIRE platform.

This directory is the **single source of truth** for all visual identity used across the application.

---

# Structure

branding/
│
├── logo/
│   Official logo assets
│
├── favicon/
│   Default favicon package
│
│   └── light-bg/
│       Alternative favicon package for light browser themes
│
├── brand-colors.md
│
├── design-system.md
│
└── README.md

---

# Logo Usage

## Primary Logo

Use for:

- Website Header
- Landing Page
- Login
- Authentication
- Marketing Website
- Proposal
- Documentation

Preferred versions:

- Primary-Logo-Light-BG
- Primary-Logo-Dark-BG

---

## Secondary Logo

Use where horizontal space is limited.

Examples:

- Footer
- PDF
- Email Signature
- Reports
- Admin Footer

---

## Monogram

Use for:

- Sidebar
- Mobile Navigation
- User Avatar
- Loading Screen
- App Icon
- Favicon
- Splash Screen

---

# Favicon

The favicon folder contains the official browser icon package.

Includes:

- favicon.ico
- favicon-16x16.png
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
- site.webmanifest

The **light-bg** folder contains the same package optimized for light backgrounds.

---

# Rules

Always use these assets.

Do NOT:

- recolor
- stretch
- rotate
- add shadows
- add outlines
- modify proportions

Do NOT recreate the logo.

---

# Brand Authority

All UI decisions should reference:

- brand-colors.md
- design-system.md

instead of using arbitrary Tailwind colors.

These assets define the official INVEETAIRE visual identity.