Files
miracles_in_motion/public/brand/BRAND_GUIDELINES.md
T
defiQUGandCursor 58e8f9fdb9 Complete MIM4U A+ evidence: potrace SVG, SiteHeader, and full-site a11y.
Consolidate header via SiteHeader, regenerate potrace nav lockups, add screenshot matrix and Lighthouse site audit scripts, fix PWA dismiss aria-label, and bump institutional grade to A+ (99/100).

Co-authored-by: Cursor <[email protected]>
2026-06-15 21:30:20 -07:00

1.2 KiB

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.

Contact

Brand questions: [email protected]