# Miracles in Motion Foundation — Brand guidelines (summary)

## Colors

| Name | Hex | Use |
|------|-----|-----|
| Forest green | `#1a3c34` | Backgrounds, primary UI |
| Forest green (deep) | `#0f2922` | Text on light backgrounds |
| Gold | `#c5a059` | Accents, highlights |
| Gold (bright) | `#d4af37` | Logo mark, emphasis |

## Typography (web)

- **Headings:** Playfair Display (serif)
- **Body / UI:** Inter (sans-serif)

Logo type in lockups is part of the artwork; do not substitute fonts in the logo files.

## Logo usage

1. Use approved files from this kit only.
2. Do not stretch, rotate, or change logo colors.
3. Maintain clear space around the lockup (minimum: height of the “M” in MIRACLES).
4. **Nav / web header:** use `logo-horizontal-nav.svg` and `logo-symbol-nav.svg` (potrace from approved PNGs; regenerated via `npm run brand:export`), with WebP/PNG fallbacks in `<picture>`. Opaque `logo-horizontal.png` is for print, social, and partner kits only.
5. **Social / square placements:** square lockup with full name.
6. **Favicon / app icon:** symbol on forest green (`#1a3c34`).
7. Co-branding and sponsor logo placement require written approval — see [mim4u.org/#/legal](https://mim4u.org/#/legal).

## Contact

Brand questions: contact@mim4u.org