# Oravio Brand Asset System

## Brand Idea
Oravio helps web3 BDs route trust faster.

Symbol logic: **Orbit + Bridge + Signal**
- Orbit: persistent relationship loops over time.
- Bridge: warm intro path between two nodes.
- Signal: directional movement from conversation to deal.

This keeps the original Oravio DNA (split circular O) while making the value proposition clearer for deal-focused teams.

## Strategic Color Architecture
### 1) Sunset Momentum (primary)
Use for hero pages, pitch decks, announcements, launch moments.
- `#E6871B` (Momentum)
- `#8E3A4D` (Depth)
- `#5B0B5E` (Conviction)
- `#EAF3F5` / `#AAC4CC` (Trust contrast)

### 2) Indigo Precision (product/analytics)
Use for dashboards, data views, technical audiences.
- `#818CF8` (Signal)
- `#C4B5FD` (Layer)
- `#4338CA` (Core)
- `#1E1B4B` (Void)
- `#E0E7FF` (Readable light)

### 3) Monochrome Utility (compliance)
Use where color is constrained: docs, legal, print, engravings.
- Black: `#0F1116`
- White: `#FFFFFF`

Optional accent only: `#2DD4BF` for active CTA states and KPI positives. Do not recolor the primary logo mark with mint.

## Typography
- Primary display and wordmark companion: `Sora`
- UI fallback stack in product: `Sora, Manrope, Avenir Next, sans-serif`
- Weight rhythm: 700 for wordmark/headlines, 500 for support lines.

## Asset Inventory
### Logos
- `public/brand/system/logos/oravio-logo-sunset-dark.svg`
- `public/brand/system/logos/oravio-logo-sunset-light.svg`
- `public/brand/system/logos/oravio-logo-sunset-stacked.svg`
- `public/brand/system/logos/oravio-logo-indigo-dark.svg`
- `public/brand/system/logos/oravio-logo-indigo-light.svg`
- `public/brand/system/logos/oravio-logo-indigo-stacked.svg`
- `public/brand/system/logos/oravio-logo-mono-black.svg`
- `public/brand/system/logos/oravio-logo-mono-white.svg`

### Icons
- `public/brand/system/icons/oravio-mark-sunset.svg`
- `public/brand/system/icons/oravio-mark-indigo.svg`
- `public/brand/system/icons/oravio-mark-mono-black.svg`
- `public/brand/system/icons/oravio-mark-mono-white.svg`
- `public/brand/system/icons/oravio-favicon.svg`

### Backgrounds
- `public/brand/system/backgrounds/oravio-bg-sunset.svg`
- `public/brand/system/backgrounds/oravio-bg-indigo.svg`
- `public/brand/system/backgrounds/oravio-bg-void-grid.svg`

### Social
- `public/brand/system/social/oravio-social-x-banner-sunset.svg`
- `public/brand/system/social/oravio-social-x-banner-indigo.svg`

### Tokens
- `docs/brand/system/oravio-brand-tokens.css`

### Figma Handoff
- `public/brand/system/oravio-figma-master.svg`
- `public/brand/system/oravio-brand-figma-import.zip`
- `docs/brand/system/oravio-figma-handoff.md`

## Usage Rules
- Clear space: keep at least `0.25x` icon diameter around the lockup.
- Minimum lockup height: `28px` digital, `9mm` print.
- Use light logos on dark/gradient backgrounds and dark logos on light surfaces.
- Never rotate the mark, stretch proportions, or alter arc positions.
- Keep connector line visible in display contexts; for micro sizes under 20px use favicon mark only.
- Prefer horizontal lockups for website headers; use stacked lockups for square or portrait containers.

## Recommended Pairings
- Campaign landing pages: sunset dark logo + sunset background.
- Product analytics pages: indigo light logo on light cards, indigo dark logo for side nav/hero panels.
- Partnerships and legal: monochrome set.

## Brand Page
- Route: `/brand`
- Source: `src/app/(public)/brand/page.tsx`