🎓 Mi Class Brand Kit
1. Logo Variants
- Primary Logo: Full color with gradient “Mi” and tagline.
- Logo without Tagline: For compact spaces.
- Monochrome Versions: Black and white for varied backgrounds.
- Icon Variant: Stylized “Mi” with graduation cap.
*Update the placeholders below with your source files.*
2. Color Palette
| Purpose | Color Name | Hex Code |
|---|---|---|
| Primary Gradient Start | Magenta | #FF00FF |
| Primary Gradient End | Indigo | #6A00F4 |
| Accent / Button | Purple | #8A3FFC |
| Text (Light) | White | #FFFFFF |
| Text (Dark) | Black | #000000 |
3. Typography
- Primary Website Font: Inter
- Logo Text: Quicksand Bold for “Mi Class”
- Tagline: Roboto Bold, all caps
Use Inter for headings and body. Reserve Roboto for taglines and Quicksand for logo.
4. Logo Usage Guidelines
- “Mi” should always appear together – not just "M".
- Cap must stay on top of "i" always.
- Keep clear spacing around the logo (height of "M").
- Maintain original gradient and do not flatten it.
5. App Icon / Favicon
Use the stylized “Mi” with the graduation cap for small-size branding like app icons and browser favicons.
