# Olevia Brand Book — Project Instructions

## What It Is
Interactive HTML brand book for Olevia, a B2B biotech company (plant-based dairy fat replacement). Multi-chapter digital brand guide with live typography, color systems, logo usage, photography direction, and mockups.

## Branch & Deploy
- **Branch:** `staging` (always)
- **Staging URL:** staging.curiousendeavor.com/projects/Olevia/Brandbook/
- **Files:** `public/projects/Olevia/Brandbook/`

## File Structure
```
public/projects/Olevia/Brandbook/
├── index.html          # Main brand book (latest)
├── v2.html, v3.html, v4.html   # Previous versions
├── components.html     # Design pattern options per section
├── structure.html      # Structural overview
├── references.html     # Reference brands analysis
├── assets/
│   ├── olevia-wordmark-dark.svg
│   ├── olevia-wordmark-light.svg
│   ├── olevia-bio-dark.svg
│   ├── photo-hero-new.png
│   └── (other brand assets)
├── mission-photo.png
└── vision-photo.png
```

## Design Direction (Approved)
| Section | Approach |
|---------|----------|
| Typography | Specimen hero on dark bg → scale table → 3-font live pairing (Larken + Inter + JetBrains Mono) |
| Logo | Hero on Egg bg → 5-swatch bg strip → clear space → do/don'ts → downloads |
| Colour | Proportional hierarchy strip (width=usage) → usage rules inline |
| Photography | Mood collage opener → Do/Don't side-by-side pairs → 4 rule columns |
| Mockups | 2×2 B2B contexts (packaging, presentations, trade, digital) — not generic device frames |

## Reference Brands
- **Oatly:** Manifesto-first, binary brand personality, do/don't voice format
- **Valrhona:** Dark cinematic hero, editorial pacing, warm data approach
- **Linear:** Left-aligned hero, mono type as graphic element, systematic grid

## Typekit
- ID: `ffj8sbd`

## Work Files
- `work/pitches/olevia/` — research, deck content, visual research, scripts

## Pending
- Assaf feedback on `components.html` — which approach per section
- Build v5 from approved patterns
- Expand remaining chapters: Color, Typography, Photography, Templates
- Build Google Slides master template
- QA pass before production