<!-- SPDX-License-Identifier: MIT -->
<!-- SPDX-FileCopyrightText: 2025-2026 Marcus Quinn -->

# Agency Feminine — Typography

## Font Families

| Role | Stack |
|------|-------|
| Serif | `'Cormorant Garamond', 'Cormorant', 'Playfair Display', Georgia, serif` |
| Sans | `'Lato', 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif` |

## Type Scale

| Role | Font | Size | Weight | Line Height | Letter Spacing | Notes |
|------|------|------|--------|-------------|----------------|-------|
| Display | Serif | 56px | 400 | 1.1 | -0.01em | Hero statements — use italic for elegance |
| H1 | Serif | 44px | 400 | 1.15 | -0.005em | Page titles |
| H2 | Serif | 36px | 400 | 1.2 | 0 | Section headings |
| H3 | Serif | 28px | 500 | 1.25 | 0 | Subsection headings |
| H4 | Serif | 22px | 500 | 1.3 | 0 | Card titles, group labels |
| H5 | Sans | 16px | 600 | 1.4 | 0.06em | Overlines, category labels (UPPERCASE) |
| Body Large | Sans | 18px | 300 | 1.8 | 0.005em | Lead paragraphs, introductions |
| Body | Sans | 16px | 300 | 1.75 | 0.005em | Primary reading text |
| Body Small | Sans | 14px | 400 | 1.6 | 0.005em | Captions, secondary info |
| Label | Sans | 12px | 400 | 1.4 | 0.05em | Form labels, metadata |
| Quote | Serif Italic | 24px | 400 italic | 1.5 | 0 | Testimonials, pull quotes |

## Typography Principles

- Serif (Cormorant) for all headings and display text — its light weights convey elegance
- Use italic Cormorant for testimonials, pull quotes, and hero emphasis
- Sans (Lato) at light weight (300) for body text creates an airy, approachable feel
- Body line-height is generous (1.75–1.8) to create breathing room in content
- Never use bold (700+) for serif headings — regular (400) or medium (500) only
- Uppercase is reserved for small labels and overlines, never headings
