Add transparent nav SVG assets with raster fallbacks, header contrast and focus fixes, automated a11y audit scripts, and evidence reports for institutional review. Co-authored-by: Cursor <[email protected]>
1.2 KiB
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
- Use approved files from this kit only.
- Do not stretch, rotate, or change logo colors.
- Maintain clear space around the lockup (minimum: height of the “M” in MIRACLES).
- Nav / web header: use
logo-horizontal-nav.svg(preferred),.webp, or.png(tablet/desktop) andlogo-symbol-nav.svgor.png(mobile). Opaquelogo-horizontal.pngis for print, social, and partner kits only. - Social / square placements: square lockup with full name.
- Favicon / app icon: symbol on forest green (
#1a3c34). - Co-branding and sponsor logo placement require written approval — see mim4u.org/#/legal.
Contact
Brand questions: [email protected]