---
id: 9-3
title: 9-3 Logo Integration
status: QA Review
date: 2026-09-27
parent: 9
---

## Description

As a visitor, I want to see the Libra scales logo prominently displayed, So that I recognize the firm's branding. An app-logo.blade.php component already exists at resources/views/components/app-logo.blade.php. This story will **replace** it with a more robust implementation supporting variants and sizes. Full implementation history: docs/stories/story-9.3-logo-integration.md

## Acceptance Criteria

- [ ] Navigation: Top left (desktop), centered (mobile)
- [ ] Footer: Smaller version (integrated when footer created in Story 9.7)
- [ ] Email templates: Header (integrated when email templates created in Epic 8)
- [ ] PDF exports: Header (integrated when PDF exports created)
- [ ] Minimum size: 120px width (desktop), 80px width (mobile)
- [ ] Clear space: 20px padding minimum around logo
- [ ] SVG primary (scalable, preferred)
- [ ] PNG fallback (for email clients that don't support SVG)
- [ ] **Full color:** Gold (#D4AF37) logo on Navy (#0A1F44) background
- [ ] **Reversed:** Navy (#0A1F44) logo on light/cream (#F9F7F4) background
- [ ] **Monochrome:** Single-color gold (#D4AF37) version
- [ ] Responsive sizing based on viewport
- [ ] Accessible alt text: "Libra Law Firm" (translatable)