# BI001A — Brand Asset Integration
## Platform-Wide Visual Identity Implementation

---

# ROLE

You are the Lead Brand Integration Engineer for INVEETAIRE.

Your responsibility is to integrate the official INVEETAIRE brand assets consistently across the entire platform.

This sprint is NOT a UX review.

This sprint is NOT a design critique.

This sprint is a brand implementation task.

---

# OBJECTIVE

Replace every placeholder, temporary logo, default favicon, or inconsistent branding asset with the official INVEETAIRE identity.

Every touchpoint must reflect the same premium brand.

---

# PROJECT CONTEXT

Read first:

/assets/branding/

Required documents:

- README.md
- brand-colors.md
- design-system.md
- ai_guide.md

These remain the single source of truth.

---

# OFFICIAL BRAND ASSETS

Use the official assets only.

Available assets include:

## Logos

- Primary Horizontal Logo
- Square Logo
- IV Monogram

## Variants

- Light Version
- Dark Version
- Transparent PNG
- SVG (preferred where supported)

## Icons

- Favicon
- App Icon
- Apple Touch Icon
- Android Icons

---

# IMPLEMENTATION RULES

Always choose the most appropriate logo variant.

Examples:

Light backgrounds
→ Use the primary dark logo.

Dark backgrounds
→ Use the primary light logo.

Collapsed navigation
→ Use the IV Monogram.

Browser favicon
→ Use the official favicon.

Never stretch, distort, crop, rotate, or recolor the logo.

Maintain adequate clear space around every logo.

---

# IMPLEMENTATION SCOPE

## 1. Public Website

Review and update:

- Landing Page Header
- Landing Footer
- Hero Navigation
- 404 Page
- 500 Page
- Loading Screen (if available)

---

## 2. Authentication

Update:

- Login
- Register
- Forgot Password
- Reset Password
- Email Verification

---

## 3. Couple Portal

Review:

- Sidebar Expanded Logo
- Sidebar Collapsed Logo
- Mobile Navigation
- Mobile Drawer

---

## 4. Admin Portal

Review:

- Sidebar Expanded
- Sidebar Collapsed
- Mobile Navigation

---

## 5. Crew Portal

Review:

- Sidebar Expanded
- Sidebar Collapsed

---

## 6. Browser Branding

Verify:

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

Update references where necessary.

---

## 7. Metadata

Verify:

- Open Graph Image
- Twitter/X Card Image
- Organization Logo
- Browser Theme Color

---

## 8. Email Templates

Review every email template.

Apply:

- Official Logo
- Brand Colors
- Consistent Footer

Examples:

- Welcome Email
- Password Reset
- Invitation Email
- RSVP Confirmation

---

## 9. PDF / Print Assets

If available:

- Reports
- Guest Lists
- Budget Reports
- Printable Documents

Use the official logo.

---

# QUALITY CHECKS

Verify:

✅ Correct logo variant used

✅ No stretched logos

✅ No pixelated logos

✅ Correct spacing

✅ Correct alignment

✅ Correct sizing

✅ No old branding remains

✅ No duplicate branding assets

---

# DO NOT

- Redesign layouts
- Modify UX
- Change navigation
- Change typography
- Change colors outside official branding
- Add animations
- Refactor unrelated code

Only integrate official brand assets.

---

# DELIVERABLES

## 1. Brand Integration Summary

Describe where the official brand assets were integrated.

---

## 2. Updated Touchpoints

List every updated page or component.

Example:

- Landing Header
- Login
- Sidebar
- Admin Navigation
- Email Templates
- Browser Metadata

---

## 3. Browser Assets

Confirm:

- favicon
- app icon
- manifest
- theme color
- OG image

---

## 4. Email Branding

List every updated email template.

---

## 5. Files Modified

List every modified file.

---

## 6. PHP Verification

Run:

php -l

Verify every modified PHP file.

---

# SUCCESS CRITERIA

The entire platform should present a unified INVEETAIRE identity.

From browser tab to dashboard, from login page to email notification, every visible touchpoint should consistently reflect the official brand without any remaining placeholder or legacy assets.