# Heathy Messenger Brand Guidelines Summary

## 1. Logo Usage
- Use icon + wordmark for primary corporate contexts.
- Keep minimum clear space equal to the icon corner radius around all lockups.
- Preferred files:
  - `assets/img/logos/heathy-horizontal-light.svg`
  - `assets/img/logos/heathy-horizontal-dark.svg`
  - `assets/img/logos/heathy-vertical-light.svg`
  - `assets/img/logos/heathy-vertical-dark.svg`
  - `assets/img/logos/heathy-icon.svg`

## 2. Color Ratios
- 55% white/neutral foundation
- 25% emerald (trust + sustainability)
- 15% electric blue (technology + live systems)
- 5% safety orange (alerts + CTA urgency)

## 3. Typography Rules
- Headlines: Satoshi 700-900
- Body: Inter 400-600
- Use sentence case for readability and premium approachability.

## 4. UI Components
- Corner radius: 10px to 22px
- Glass cards used sparingly for premium data surfaces
- Motion duration: 180-700ms depending on context

## 5. Photography and Renders
- Prioritize authentic logistics operations with clean composition.
- Blend with futuristic overlays: route lines, telemetry points, and map highlights.

## 6. Content Style
- Lead with customer outcome, then capability.
- Avoid technical jargon without plain-language context.
- Always reinforce trust, speed, and sustainability.

## 7. Accessibility
- Maintain WCAG AA contrast minimum.
- Provide clear labels for status, not color alone.
- Ensure mobile-first touch targets > 44px.